安裝
npm install @vue/clic-init -g //腳手架2
創(chuàng)建項(xiàng)目
vue init webpack my-project
安裝提示項(xiàng)目信息介紹
- 1.項(xiàng)目名稱，如果不需要就直接回車。注：此處項(xiàng)目名不能使用大寫入篮。
Project name (my-project):
- 2.項(xiàng)目描述，如果不需要就直接回車
Project description (A Vue.js project):
- 3.項(xiàng)目作者幌甘，默認(rèn)計(jì)算機(jī)用戶名
Author (xxx)：
- 4.構(gòu)建方式（暫且這么解釋
兩個(gè)選擇（上下箭頭選擇潮售，回車即為選定）建議選擇 : Runtime + Compiler:recommended for most users
這里推薦使用1選項(xiàng)痊项，適合大多數(shù)用戶的
vue build (Use arrow keys)
// 1. (譯：運(yùn)行+編譯：被推薦給大多數(shù)用戶)
> Runtime + Compiler:recommended for most users
// 2.(譯：只運(yùn)行大約6KB比較輕量的壓縮文件，但只允許模板（或任何VUE特定HTML）饲做。
// VUE文件需要在其他地方呈現(xiàn)函數(shù)线婚。翻譯不精準(zhǔn)遏弱，意思大概是選擇該構(gòu)建方式對(duì)文件大小有要求)
> 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
- 5.安裝vue的路由插件盆均，需要就選y，否則就n
建議 : Y
install vue-router?
- 6.是否使用ESLint檢測(cè)你的代碼漱逸？
ESLint 是一個(gè)語(yǔ)法規(guī)則和代碼風(fēng)格的檢查工具泪姨，可以用來(lái)保證寫出語(yǔ)法正確、風(fēng)格統(tǒng)一的代碼饰抒。
建議選擇 ‘N’ 因?yàn)檫x擇 ‘Y’ 在做調(diào)試項(xiàng)目時(shí),控制臺(tái)會(huì)有很多 黃色警告 提示格式不規(guī)范,但其實(shí)并不影響項(xiàng)目
Use ESLint to lint your code?
- 7.是否安裝單元測(cè)試(暫不詳細(xì)介紹)
建議 : N
- 8.是否安裝E2E測(cè)試框架NightWatch（E2E肮砾，也就是End To End，就是所謂的“用戶真實(shí)場(chǎng)景”袋坑。）
建議 : N
Setup e2e tests with Nightwatch(Y/n)?
- 9.項(xiàng)目創(chuàng)建后是否要為你運(yùn)行“npm install”?這里選擇包管理工具
選項(xiàng)有三個(gè)（上下箭頭選擇仗处，回車即為選定）建議 : yes use npm
Should we run 'npm install' for you after the project has been created?
// 使用npm
yes,use npm
// 使用yarn
yes,use yarn
// 自己操作
no,I will handle that myself
項(xiàng)目結(jié)構(gòu)圖片
image.png
詳細(xì)結(jié)構(gòu)介紹查看下面:
結(jié)構(gòu)詳細(xì)介紹
文件詳細(xì)介紹
