一、安裝vue-cli4
1. 安裝node
http://nodejs.cn/download/
官網(wǎng)下載安裝前翎，默認(rèn)安裝到c盤，next到底
2. 安裝webpack
進(jìn)入cmd
npm install webpack -g
3. 安裝腳手架
npm install -g @vue/cli
Vue-CLI的版本為4.2.2
vue-cli 4.2.2.png
二、創(chuàng)建Vue-cli4項目
1. 創(chuàng)建項目
vue create 項目名稱，接下來進(jìn)行一系列配置
vue create 項目名稱
項目配置：默認(rèn)/手動配置锌妻，選擇手動配置
image.png
選擇需要的配置：空格進(jìn)行選擇或反選
Linter/Formatter一項默認(rèn)選擇，取消選擇后可以不進(jìn)行ESLint檢測代碼規(guī)范
image.png
配置單獨(dú)生成文件還是放在package.json中旬牲，這里選擇單獨(dú)生成文件
image.png
是否需要保存剛才的設(shè)置仿粹，這里選擇否
image.png
配置成功后如下圖
image.png
2. 運(yùn)行項目
進(jìn)入到項目所在的目錄搁吓，npm run serve運(yùn)行項目
image.png
點(diǎn)擊網(wǎng)址，界面如下
image.png
項目創(chuàng)建成功？岳Ｇ嬖 ！
