從零開始搭建一個vue項目

 從零開始搭建一個vue項目

1.npm切換成淘寶鏡像:

npm config set registry https://registry.npm.taobao.org

如果有的包下載不了,再重置回npm源

npm config set registry https://registry.npmjs.org/

2.安裝webpack:

npm install webpack -g

3.安裝vue腳手架:

npm install vue-cli -g

4.根據模板創建項目:

vue init webpack 項目名稱

5.選擇項目文件夾:

cd 項目名稱

6.安裝項目依賴:

npm install

7.安裝 vue 路由模塊vue-router和網絡請求模塊vue-resource:

npm install vue-router vue-resource --save

8.在開發環境下啓動項目:

npm run dev

注意:

1.有的時候由於 npm 不是最新的版本,用 老版本就會出現報錯.解決辦法:

npm update -g

2.如果你用的是老版本的 vue-cli 還可能報其他錯誤，需要更新一下vue-cli:

npm update vue-cli