10月16日,官方發(fā)布消息稱Vue-cli 4.0正式版發(fā)布,并且強(qiáng)烈建議升級;小編也是剛剛安裝了最新版本的腳手架看看更新了什么
安裝和vue-cli3.0的是一模一樣的躯护,對比了一下3.0的腳手架,除了目錄發(fā)生變化一些羹蚣,其他的都一樣
** 安裝步驟和vue-cli3.0的一模一樣**
1.創(chuàng)建項(xiàng)目
<pre style="color: rgb(0, 0, 0); font-family: "Courier New"; font-size: 12px; margin: 5px 8px; padding: 5px;">vue create project-name</pre>
default 是 使用默認(rèn)配置
Manually select features 是 自定義配置
2.選擇配置(自定義配置)
3.選擇css預(yù)編譯哗总,這里我選擇SCSS
4. 語法檢測工具,這里我選擇ESLint + Prettier
5.選擇語法檢查方式笼踩,這里我選擇保存就檢測
6.接下來會問你把babel,postcss,eslint這些配置文件放哪,這里隨便選亡嫌,
7.鍵入N不記錄嚎于,如果鍵入Y需要輸入保存名字
8.項(xiàng)目創(chuàng)建好后
<pre style="color: rgb(0, 0, 0); font-family: "Courier New"; font-size: 12px; margin: 5px 8px; padding: 5px;">cd project-name // 進(jìn)入項(xiàng)目根目錄
run serve // 運(yùn)行項(xiàng)目</pre>
9.然后在瀏覽器輸入http://localhost:8080,就可以看到運(yùn)行的界面了