可參照:
//全域性安裝 vue-cli
$ npm install -g vue-cli
//建立乙個基於「webpack」模板,名為mydemo的新專案
$ vue init webpack mydemo
//開啟新新專案
$ cd mydemo
//安裝依賴
$ npm install
//執行
$ npm run dev
此時基於「webpack」模板的vue專案已經搭建完成。
$ npm install -g cnpm --registry=
在建立新專案時需要對專案進行設定
project name //專案名稱,直接回車
project description //專案描述,按需要進行輸入
author //作者,輸入自己名字
use eslint to lint your code? //是否使用eslint,一般不使用
//(使用鍵入y,不使用鍵入n,直接回車預設為y)
setup unit tests with karma + mocha? //是否使用單元測試,一般不使用
setup e2e tests with nightwatch? //是否使用e2e測試,一般不使用
? project name mydemo
? project description a vue.js project
? author sisi-chen
? vue build standalone
? install vue-router? yes
? use eslint to lint your code? no
? set up unit tests no
? setup e2e tests with nightwatch? no
? should we run `npm install` for you after the project has been created? (recommended) npm
vue cli腳手架快速構建專案
最近做乙個專案,想要專案前後端分離,所以想到以前學過的vue,所以決定使用vue做前端 小聲bb幾句,我忘了怎麼初始化工程了 1 直接用這個適合單獨的h5頁面的使用 2 命令列工具vue cli 適合構建大型應用,配合npm,npm能很好的和webpack等模組打包器配合使用。全域性安裝vue最新版...
搭建vue cli腳手架
前期工作準備 2.安裝 映象,因為我們用的npm的伺服器是外國,有的時候我們安裝 依賴 的時候會超級慢,所以就用這個cnpm來安裝我們說需要的 依賴 命令列輸入 npm install g cnpm registry 安裝完成後,就可以用cnpm 代替 npm 速度會快很多。3.安裝webpack,...
Vue cli腳手架基礎
vue cli是乙個vue腳手架,可以快速構造專案結構 vue cli本身整合了多種專案模板 很少簡單 webpack 包含eslint 規範檢查和unit單元測試等 webpack 沒有 規範檢查和單元測試 browserify 使用的也比較多 browserify 2.1 安裝vue cli,配...