Vue.js 提供一個(gè)官方命令行工具懊亡,可用于快速搭建大型單頁(yè)應(yīng)用署驻。該工具提供開(kāi)箱即用的構(gòu)建工具配置瞧掺,帶來(lái)現(xiàn)代化的前端開(kāi)發(fā)流程耕餐。
只需幾分鐘即可創(chuàng)建并啟動(dòng)一個(gè)帶熱重載、保存時(shí)靜態(tài)檢查以及可用于生產(chǎn)環(huán)境的構(gòu)建配置的項(xiàng)目:
# 全局安裝 vue-cli
$ npm install --global vue-cli
# 創(chuàng)建一個(gè)基于 webpack 模板的新項(xiàng)目
$ vue init webpack my-project
$ vue init webpack test //輸入命令
? Project name (test) test
? Project name test
? Project description (A Vue.js project) 測(cè)試項(xiàng)目
? Project description 測(cè)試項(xiàng)目
? Author lxx1024
? Author lxx1024
? Vue build standalone
? Install vue-router? (Y/n) Y //安裝路由
? Install vue-router? Yes
? Use ESLint to lint your code? (Y/n) n //Eslint驗(yàn)證,很嚴(yán)謹(jǐn),所以選擇n
? Use ESLint to lint your code? No
? Setup unit tests with Karma + Mocha? (Y/n) Y
? Setup unit tests with Karma + Mocha? Yes
? Setup e2e tests with Nightwatch? (Y/n) Y
? Setup e2e tests with Nightwatch? Yes
vue-cli · Generated "test".
To get started:
cd test
npm install
npm run dev
Documentation can be found at https://vuejs-templates.github.io/webpack
# 安裝依賴辟狈,
$cd my-project? ? //進(jìn)入到項(xiàng)目的根目錄--直接進(jìn)入到該文件夾即可
$ npm install? ? ? ? //安裝依賴包
$ npm run dev? ? ?//運(yùn)行項(xiàng)目