vue-cli 搭建項目
$ npm install -g vue-cli
$ vue init webpack my-project
? Project name xx
? Project description zds xx
? Author xx@qq.com
? Vue build (Use arrow keys)
> Runtime + Compiler: recommended for most users
Runtime-only: about 6KB lighter min+gzip, but templates (or any Vue-specific HTML) are ONLY allowed in .vue files - render functions are required elsewhere
? Vue build standalone
? Install vue-router? Yes安裝路由
? Use ESLint to lint your code? Yes代碼檢查
? Pick an ESLint preset Standard
? 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 init webpack 創(chuàng)建項目選項詳解
一悔常、Project name :項目名稱影斑,如果不需要就直接回車。注:此處項目名不能使用大寫机打。
二鸥昏、Project description:項目描述,直接回車
三姐帚、Author :作者
四吏垮、vue build 構(gòu)建方式(暫且這么解釋)
兩個選擇(上下箭頭選擇,回車即為選定)(是使用閹割版的vue還是使用完整版的vue 第一個是完整版的 第二個是閹割版的)
1.Runtime + Compiler:recommended for most users
(譯:運行+編譯:被推薦給大多數(shù)用戶)
2.Runtime-only:about 6KB lighter min+gzip,but templates (or any Vue-specific HTML) are ONLY
allowed in .vue files-render functions are required elsewhere
(譯:只運行大約6KB比較輕量的壓縮文件罐旗,但只允許模板(或任何VUE特定HTML)膳汪。VUE文件需要在其他地方呈現(xiàn)函數(shù)。翻譯不精準(zhǔn)九秀,意思大概是選擇該構(gòu)建方式對文件大小有要求)
這里推薦使用1選項遗嗽,適合大多數(shù)用戶的
五、install vue-router鼓蜒?是否安裝vue的路由插件痹换,需要就選y,否則就n(以下均遵循此方法)
六都弹、Use ESLint to lint your code?是否使用ESLint檢測你的代碼娇豫?
(ESLint 是一個語法規(guī)則和代碼風(fēng)格的檢查工具畅厢,可以用來保證寫出語法正確冯痢、風(fēng)格統(tǒng)一的代碼。)
七、Pick an ESLint preset:選擇分支風(fēng)格
選項有三個
1.standard(https://github.com/feross/standard) js的標(biāo)準(zhǔn)風(fēng)格
2.Airbnb(https://github.com/airbnb/javascript) JavaScript最合理的方法浦楣,這個github地址說是JavaScript最合理的方法
3.none (configure it yourself) 自己配置
八袖肥、Set up unit tests? 是否安裝單元測試(暫不詳細介紹)
Pick a test runner 選擇一個單元測試運行器
選項有三個
1.Jest(Jest是由Facebook發(fā)布的開源的、基于Jasmine的JavaScript單元測試框架)
2.Karma and Mocha
3.none
九振劳、Setup e2e tests with Nightwatch(Y/n)?是否安裝E2E測試框架NightWatch(E2E椎组,也就是End To End,就是所謂的“用戶真實場景”历恐。)
Should we run ‘npm install’ for you after the project has been created?(譯:項目創(chuàng)建后是否要為你運行“npm install”?這里選擇包管理工具)
選項有三個
yes,use npm(使用npm)
yes,use yarn(使用yarn)
no,I will handle that myself(自己配置安裝包)
$ cd xx
$ npm run dev