一、安裝NPM
1.1最新穩定版本:
npm install vue
二、命令列工具安裝
國內速度慢,使用淘寶映象:
npm install -g cnpm –registry=https://registry.npm.taobao.org
注意:以後使用npm的地方就替換成cnpm
1、全域性安裝vue-vli
cnpm install -g vue-cli
2、建立一個基於webpack模板的新專案
vue init webpack my-project
輸入安裝命令後,稍等一會提示輸入:
2.1專案專案名稱:
2.2專案描述:
2.3作者:
2.4是否使用ESlint:(可以選擇不需要,ESlint是一套語法檢查工具)
2.5是否需要單元測試:(可以選擇不需要)
說明:
webpack:專案型別,用webpack這套模板進行壓縮和打包。
my-project:專案名稱。
3、安裝依賴
3.1進入專案:
cd my-project
3.2安裝依賴:
cnpm install
說明:
3.2.1會將依賴安裝到專案node_modules資料夾中。
3.2.2可以使用cnpm命令,是因為webpack安裝好了相應依賴。
3.2.3 Package.json檔案說明:
主要包含:專案描述、相關依賴。
3.3執行專案:
cnpm run dev
通過訪問http://127.0.0.1:8080訪問執行起來的專案。
三、參考連結
Vuejs官網:https://cn.vuejs.org/v2/guide/installation.html
Taobao映象:http://npm.taobao.org/
注意:轉載請註明出處以及本文連結。