webstorm建立vue-cli腳手架的方法教程？相信很多沒(méi)有經(jīng)驗(yàn)的人對(duì)此束手無(wú)策，為此本文總結(jié)了問(wèn)題出現(xiàn)的原因和解決方法，通過(guò)這篇文章希望你能解決這個(gè)問(wèn)題。

從事四川聯(lián)通機(jī)房服務(wù)器托管，服務(wù)器租用，云主機(jī)，網(wǎng)站空間，域名注冊(cè)，CDN，網(wǎng)絡(luò)代維等服務(wù)。

webstorm 文件 -> new -> project

1、盡量不要勾選 Use the default project setup (babel, eslint) 默認(rèn)建立的項(xiàng)目好多的配置不全，后期再裝很麻煩。

2、點(diǎn)擊 create 后出現(xiàn)以下選項(xiàng)，按鍵盤上下鍵選擇默認(rèn)（default）還是手動(dòng)（Manually），如果選擇default，一路回車執(zhí)行下去就行了（注：現(xiàn)在vue-cli3.0默認(rèn)使用yarn下載），這里我選擇手動(dòng)

3、選擇配置，這時(shí)你會(huì)看見(jiàn)一些選項(xiàng)，你要集成什么就選就行了，我這里選個(gè)我比較常用的（注：空格鍵是選中與取消，A鍵是全選），這里有些選項(xiàng)可能看不見(jiàn)，移動(dòng)上下鍵也不行，需要將選項(xiàng)邊框網(wǎng)上拉才可以顯示全。

4、選擇合適的 vue.js 版本開(kāi)始這個(gè)項(xiàng)目，這里我選 3.x

5、是否使用babel做轉(zhuǎn)義 yes

6、是否使用class風(fēng)格的組件語(yǔ)法 yes

7、是否使用history模式

8、選擇預(yù)處理的模式 這里我選 dart-sass ，與 node-sass 區(qū)別

• node-sass 是用 node(調(diào)用 cpp 編寫的 libsass)來(lái)編譯 sass；
   dart-sass 是用 drat VM 來(lái)編譯 sass；node-sass是自動(dòng)編譯實(shí)時(shí)的，dart-sass需要保存后才會(huì)生效
• 推薦 dart-sass 性能更好（也是 sass 官方使用的），而且 node-sass 因?yàn)閲?guó)情問(wèn)題經(jīng)常裝不上
   

9、Pick a linter / formatter config: (Use arrow keys)：選擇語(yǔ)法檢測(cè)規(guī)范 這里我選擇 ESLint +Prettier

10、保存就檢測(cè) 和 fix和commit時(shí)候檢查 這里我選擇第一個(gè)

11、放獨(dú)立文件夾 與 放 package.json 。這里看自己喜歡哪個(gè)，這里我選的是 放獨(dú)立文件夾

12、是否記錄一下以便下次繼續(xù)使用這套配置 .鍵入N不記錄，如果鍵入Y需要輸入保存名字

13、靜靜等待完成即可，如果時(shí)間比較長(zhǎng)的話你可以去睡一覺(jué)。直到頁(yè)面出現(xiàn) Done 你就可以起來(lái)搬磚了。

看完上述內(nèi)容，你們掌握webstorm建立vue-cli腳手架的方法教程的方法了嗎？如果還想學(xué)到更多技能或想了解更多相關(guān)內(nèi)容，歡迎關(guān)注創(chuàng)新互聯(lián)-成都網(wǎng)站建設(shè)公司行業(yè)資訊頻道，感謝各位的閱讀！

新聞名稱：webstorm建立vue-cli腳手架的方法教程-創(chuàng)新互聯(lián)
文章地址：http://chinadenli.net/article24/gshce.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供電子商務(wù)、網(wǎng)站設(shè)計(jì)、品牌網(wǎng)站設(shè)計(jì)、搜索引擎優(yōu)化、外貿(mào)建站、小程序開(kāi)發(fā)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)