使用Vue cli腳手架工具構建Vue專案

2021-08-27 20:26:53 字數 1103 閱讀 3187

可參照:

//全域性安裝 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,配...