一、首先做好前期準備工作,安裝node.js吭产,配置代理,安裝vue鸭轮。
這里推薦淘寶鏡像源臣淤。
在windows的nodejs安裝目錄下node_modules\npm,npmrc做如下添加:
加入:registry=https://registry.npm.taobao.org
image.png
npm install -g cnpm --registry=https://registry.npm.taobao.org
二、接著安裝vue-cli腳手架:
cnpm install -g vue-cli 或 npm install -g vue-cli
image.png
接著用腳手架快速搭建項目:
vue init webpack 項目名 或 vue init webpack-simple 項目名
image.png
如果是正式大型項目的話用前面的指令窃爷,如果只是簡單的或是日常學習邑蒋,用后面的指令就可以滿足需要。
三按厘、用vue init webpack項目的方式報錯的另一種快速腳手架搭建項目的方式医吊。
在github上找到vuejs-templates或簡單模板vuejs-templates-simple,
然后下載代碼到本地:
git clone vue模板git地址
image.png
,下載完之后逮京,用下載的模板本地的方式搭建項目:
vue init webpack下載的模板本地路徑 新建的項目名
image.png
卿堂,就可以用本地的方式快速搭建好項目了。
四、安裝依賴
npm install 或 cnpm install
image.png
五草描、查看快速搭建的項目
npm run dev或cnpm run dev
image.png
image.png
六览绿、打包項目
npm run build或cnpm run build