前提已經安裝了node.jsvue
1、臨時使用node
1.npm install -g cnpm --registry=https://registry.npm.taobao.orgwebpack
2.cnpm install -g vue-cliweb
3.其餘步驟同下vue-router
2、持久使用vue-cli
1.配置鏡像npm
npm config set registry https://registry.npm.taobao.org瀏覽器
npm config get registry 驗證配置是否生效工具
2. 經過cnpm使用單元測試
npm install -g cnpm --registry=https://registry.npm.taobao.org 進行安裝cnpm
3.安裝vue-cli腳手架
cnpm install -g vue-cli
4.初始化項目
vue init webpack vue-demo
-- 是否要安裝 vue-router 項目中確定要使用到 因此 y 回車
-- 是否須要 js 語法檢測 目前咱們不須要 因此 n 回車
-- 是否安裝 單元測試工具 目前咱們不須要 因此 n 回車
-- 是否須要 端到端測試工具 目前咱們不須要 因此 n 回車
-- Should we run `npm install` for you after the project has been created? (recommended) (Use arrow keys)
Yes, use NPM
Yes, use Yarn
> No, I will handle that myself 選擇這個
5.進入 cd vue-demo
執行cnpm install安裝依賴模塊
執行cnpm run dev 啓動
默認瀏覽器會自動打開
注意:
# 建議不要直接使用 cnpm 安裝以來,會有各類詭異的 bug。能夠經過以下操做解決 npm 下載速度慢的問題
npm install --registry=https://registry.npm.taobao.org