一、安裝node.js
node官網(wǎng)https://nodejs.org/zh-cn/惋嚎,安裝完node.js之后杠氢,npm也會自動安裝
查詢是否安裝成功:
node -v
npm -v
2、全局安裝腳手架工具vue-cli:
npm install --global vue-cli
3另伍、若沒有安裝webpack鼻百,則先安裝webpack
npm install -g webpack
4、初始化vue項目
vue init webpack vueproject
5.vue init webpack選項解釋
1.項目名稱摆尝。注:此處項目名不能使用大寫温艇。
2.項目描述,如果不需要就直接回車结榄。
3.項目作者
4.構建方式中贝,選擇第一種即可
vue build (Use arrow keys)
// 1. (譯:運行+編譯:被推薦給大多數(shù)用戶)
> Runtime + Compiler:recommended for most users
// 2.(譯:只運行大約6KB比較輕量的壓縮文件,但只允許模板(或任何VUE特定HTML)臼朗。
// VUE文件需要在其他地方呈現(xiàn)函數(shù)邻寿。翻譯不精準蝎土,意思大概是選擇該構建方式對文件大小有要求)
> 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
6.是否使用ESLint檢測你的代碼绣否?
ESLint 是一個語法規(guī)則和代碼風格的檢查工具誊涯,可以用來保證寫出語法正確、風格統(tǒng)一的代碼蒜撮。
建議選擇 ‘N’ 因為選擇 ‘Y’ 在做調(diào)試項目時,控制臺會有很多 黃色警告 提示格式不規(guī)范,但其實并不影響項目
7.是否安裝單元測試暴构,不需要選擇N
8.是否安裝E2E測試框架NightWatch,不需要選擇N
9.項目創(chuàng)建后是否要為你運行“npm install”?這里選擇包管理工具段磨,選擇第一個取逾,yes use npm