一、安裝NPM 1.1最新穩定版本: npm install vue 二、命令行工具安裝 國內速度慢,使用淘寶鏡像: npm install -g cnpm --registry=https://registry.npm.taobao.org 註意:以後使用npm的地方就替換成cnpm 1、全局安裝 ...
一、安裝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/
註意:轉載請註明出處以及本文鏈接。