安裝Vue-cli之前我們先檢查一下node的版本
node -v
需要node版本大于v4.0以上辩诞,對于現(xiàn)在安裝的node來說并沒有太大問題唇兑。
接下來我們來正式安裝Vue-cli腳手架酒朵,在mac環(huán)境下,我們需要:
sudo npm install -g vue-cli
在windows環(huán)境下扎附,我們需要直接可以:
npm install -g vue cli
如果安裝成功蔫耽,可以直接在控制臺打出 vue 來檢測是否完成安裝。
接下來打印
vue list
會發(fā)現(xiàn)有一些vue支持的模板留夜,我們主要需要用到webpack模板匙铡。直接打印出:
vue init webpack test //test為你自己新建項目的名稱
會彈出詢問
? Project name sell //項目名稱
? Project description sell app //項目描述
? Author
? Vue build standalone
? Install vue-router? Yes //安裝路由
? Use ESLint to lint your code? Yes //es6代碼風格檢測
? Pick an ESLint preset Standard
? Set up unit tests Yes //單元測試
? Pick a test runner jest //
? Setup e2e tests with Nightwatch? No //設(shè)置端測試(功能測試)
? Should we run `npm install` for you after the project has been created? (recommended) //項目創(chuàng)建完成后图甜,我們是否應(yīng)該為你運行`npm install`?
接下來打颖钛邸:
npm install
等待一段時間之后黑毅,運行
npm run dev
如果出現(xiàn) Your application is running here: http://localhost:8080 則代表已完成了Vue腳手架的安裝.