安裝node.js,沒有安裝的直接點擊可以跳轉到下載頁。
1.安裝淘寶鏡像,安裝後它的命令行工具是 cnpm
npm install -g cnpm --registry=https://registry.npm.taobao.org
2. 安裝 vue
cnpm install vue
3. 安裝vue-cli腳手架構建工具
cnpm install --global vue-cli
4.創建一個基於 webpack 模板的新項目
vue init webpack my-project // 項目的名稱不能大寫
Project name (my-project) # 項目名稱(我的項目)
Project description (A Vue.js project) # 項目描述一個Vue.js 項目
Author 作者(你的名字)
Install vue-router? (Y/n) # 是否安裝Vue路由,也就是以後是spa(但頁面應用需要的模塊)
Use ESLint to lint your code? (Y/n) # 使用 ESLint 到你的代碼? (Y [ yes ] / N [ no ])
Pick an ESLint preset (Use arrow keys) # 選擇一個預置ESLint(使用箭頭鍵)
Setup unit tests with Karma + Mocha? (Y/n) # 設置單元測Karma + Mocha? (Y/ N)
Setup e2e tests with Nightwatch? (Y/n) # 設置端到端測試,Nightwatch? (Y/ N)
5. 安裝項目需要的依賴
cd my-project #先進入項目
cnpm install
6.運行項目
cnpm run dev
7.打包項目
cnpm run build