最近2018中文字幕在日韩欧美国产成人片_国产日韩精品一区二区在线_在线观看成年美女黄网色视频_国产精品一区三区五区_国产精彩刺激乱对白_看黄色黄大色黄片免费_人人超碰自拍cao_国产高清av在线_亚洲精品电影av_日韩美女尤物视频网站

RELATEED CONSULTING
相關(guān)咨詢
選擇下列產(chǎn)品馬上在線溝通
服務(wù)時(shí)間:8:30-17:00
你可能遇到了下面的問題
關(guān)閉右側(cè)工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營(yíng)銷解決方案
webstorm建立vue-cli腳手架的方法教程-創(chuàng)新互聯(lián)

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

從事四川聯(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)目好多的配置不全,后期再裝很麻煩。

webstorm建立vue-cli腳手架的方法教程

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)

webstorm建立vue-cli腳手架的方法教程

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

webstorm建立vue-cli腳手架的方法教程

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

webstorm建立vue-cli腳手架的方法教程

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

webstorm建立vue-cli腳手架的方法教程

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

webstorm建立vue-cli腳手架的方法教程

7、是否使用history模式

webstorm建立vue-cli腳手架的方法教程

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

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

webstorm建立vue-cli腳手架的方法教程

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

webstorm建立vue-cli腳手架的方法教程

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

webstorm建立vue-cli腳手架的方法教程

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

webstorm建立vue-cli腳手架的方法教程

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

webstorm建立vue-cli腳手架的方法教程

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

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


網(wǎng)頁名稱:webstorm建立vue-cli腳手架的方法教程-創(chuàng)新互聯(lián)
分享地址:http://fisionsoft.com.cn/article/gshce.html