一、輸入命令 vue init [template-name] [project-name]
[template-name]有5種:webpack(常用)
webpack-******
browserfy
browserfy-******
******
[project-name]:
二、之後跟著提示輸入命令:
porject name:
專案名(盡量不要大寫)
project desription:
專案描述(回車)
author:
作者vue build:
第一種為
standalone方式,第二種runtime-only為runtime方式
runtime 打包的是 /node_modules/vue/dist/vue.common.js
standalone 打包的是 /node_modules/vue/dist/vue.js
runtime和standalone 這兩種方式對普通使用者使用起來沒區別,多數人都是在*.vue裡寫...,所以用runtime就夠了。
vue-router:
是否需要路由外掛程式
eslint:
是否需要eslint**規範(選standard-標準)
tests:
單元測試(普通開發不需要)
e2e:
模擬使用者使用模式(no)
三、cd [project-name]
進入專案
npm install
安裝專案依賴包,即package.json
npm run dev
自動構建開發用的伺服器環境
VUE CLI初始化專案
用vue init命令來初始化專案,具體使用方法如下 vue init init 表示要用vue cli來初始化專案 表示模板名稱,vue cli官方提供的5種模板 webpack 乙個全面的webpack vue loader的模板,功能包括熱載入,linting,檢測和css擴充套件。webpa...
使用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...