1颖系、安裝node.js
?前往node.js官網(wǎng)下載并安裝士骤,安裝完成后科雳,輸入以下命令測試是否安裝成功
2、安裝vue-cli3.0
1)策橘、npm install –g @vue/cli? ? ?或者? ?yarn global add @vue/cli
2)炸渡、指向的vuecli3是因?yàn)樯弦淮斡涗涍^的cli3配置娜亿,第一次執(zhí)行create是沒有的
3)丽已、按鍵盤上下鍵可以選擇默認(rèn)(default)還是手動(dòng)(Manually),如果選擇default买决,一路回車執(zhí)行下去就行了
繼續(xù)手動(dòng)一下
4)沛婴、選擇配置,看個(gè)人項(xiàng)目需求
注意督赤,空格鍵是選中與取消嘁灯,A鍵是全選
TypeScript 支持使用 TypeScript 書寫源碼
Progressive Web App (PWA) Support PWA 支持。
Router 支持 vue-router 躲舌。
Vuex 支持 vuex 丑婿。
CSS Pre-processors 支持 CSS 預(yù)處理器。
Linter / Formatter 支持代碼風(fēng)格檢查和格式化没卸。
Unit Testing 支持單元測試羹奉。
E2E Testing 支持 E2E 測試。
5)约计、css的預(yù)處理诀拭,我選擇的是Less
6)、我選擇的是ESLint + Prettier
7)煤蚌、選擇語法檢查方式耕挨,我自己選擇保存就檢測
第一個(gè)是保存檢測,第二個(gè)是fix和commit的時(shí)候檢測
8)尉桩、單元測試筒占,我選擇了Mocha
9)、配置文件存放地方
第一個(gè)是獨(dú)立文件夾位置蜘犁,第二個(gè)是在package.json文件里
10)翰苫、詢問是否記錄這一次的配置,以便下次使用沽瘦,如一開始的時(shí)候會(huì)顯示的vuecli3配置
11.回車確定等待下載
12.裝好后革骨,啟動(dòng)
cd my-project // 進(jìn)入到項(xiàng)目根目錄? ?npm run serve // 啟動(dòng)項(xiàng)目
3、創(chuàng)建一個(gè)項(xiàng)目vue create
vue create project-name(要?jiǎng)?chuàng)建項(xiàng)目的名稱)
也可以選擇圖形化界面創(chuàng)建析恋, 輸入命令:vue ui
配置項(xiàng)選擇良哲,可根據(jù)項(xiàng)目需要(此操作可與以上詳細(xì)步驟對比)
vue-cli卸載:
npm uninstall vue-cli –g??? 或者??? yarn global remove vue-cli