VUE CLI初始化專案

用vue init命令來初始化專案，具體使用方法如下：

vue init 

：表示模板名稱，vue-cli官方提供的5種模板：

webpack：乙個全面的webpack+vue-loader的模板，功能包括熱載入，linting,檢測和css擴充套件。

webpack-******：乙個簡單webpack+vue-loader的模板，不包含其他功能，讓你快速的搭建vue的開發環境。

browserify：乙個全面的browserify+vueify 的模板，功能包括熱載入，linting,單元檢測。

browserify-******：乙個簡單browserify+vueify的模板，不包含其他功能，讓你快速的搭建vue的開發環境。

******：乙個最簡單的單頁應用模板。

：標識專案名稱，使用者根據自己的專案來起名字。

在實際開發中，一般都會使用webpack這個模板，命令使用如下：

vue init webpack my-vue-demo

project description：專案描述，預設為a vue.js project，不需要直接回車

author：作者，如果有配置git的作者，自動會讀取。直接回車

install vue-router?是否安裝vue的路由外掛程式，需要安裝，選擇y

use eslint to lint your code? 是否用eslint來限制你的**錯誤和風格。不需要輸入n，需要選擇y，如果是大型團隊開發，最好是進行配置

setup unit tests with karma + mocha?是否需要安裝單元測試工具，不需要輸入n，需要選擇y

setup e2e tests with nightwatch?是否安裝e2e來進行使用者行為模擬測試，不需要輸入n，需要選擇y

初始化完成之後會出現以下資訊，表示操作成功。

3、執行專案

cd my-vue-demo，使用cd命令進入到專案目錄

npm run dev

npm run build

4、成功頁面

專案初始化 vue cli

一 輸入命令 vue init template name project name template name 有5種 webpack 常用 webpack browserfy browserfy project name 二 之後跟著提示輸入命令 porject name 專案名 盡量不要大寫 ...

使用vue cli初始化vue專案

在專案中使用vue我使用vue cli腳手架搭建專案 1.先安裝nodejs 2.使用npm install g vue cli npm install g nrm nrm ls 即可檢視npm 的源利器有哪些 nrm use 切換npm的源利器 3.vue version 4.vue init w...

搭建vue cli並初始化專案

安裝 映象 安裝vue cli cnpm install vue cli g 檢視是否安裝成功 vue v 初始化專案 projectdemo 專案名 vue init webpack projectdemo project name demo 專案名稱 project description th...