Vue項目搭建

初次搭建，亦是一個學習的過程，有誤的地方請多執教

1. 安裝Node.js環境

官網下載：https://nodejs.org/en/download/
下載地址我都是默認地址沒有改變，大家能夠根據須要改變，記得安裝地址就對了。
安裝完輸入node -v和npm -v查看是否安裝成功

安裝node會自動安裝npm因此不須要單獨安裝npm，可是國內使用npm會比較慢，有的時候依賴會安裝失敗，這會先去裝一個淘寶鏡像：http://npm.taobao.org/
npm install -g cnpm --registry=https://registry.npm.taobao.org

2. 安裝vue

cnpm install vue

注：這裏推薦一個包管理器，nvm

安裝完，輸入vue -V（這裏的V是大寫）

第一次運行的時候報錯vue不是內部命令或外部命令，多是由於npm版本過低了，需升級npm的版本

npm install -g npm

若是升級完還報錯，就須要到環境配置修改下PATH，先找到vue.cmd文件的地址，而後配置到PATH裏面

修改完從新打開命令框再輸入vue -V查看下版本

這一步成功了，就能夠建立一個你本身的項目了

3. 建立項目

vue init webpack 項目名稱

而後出現這樣一個對話框，默認就行了，由於暫不肯定本身新搭的項目須要哪些插件，因此決定按默認的安裝，後期須要再手動安裝好了。這裏回車，注意項目名不要有大寫字母

回車後慢慢等待，直到出現下圖，就表面新項目已經建立成功了，這時候你只須要到項目根目錄下運行npm install安裝依賴，依賴安裝完後運行npm run dev就能夠啓動項目了

運行後頁面能正常打開就對了

4. 項目打包

npm run build

打包好的文件在src目錄下