小編給大家分享一下如何安裝與配置vue-cli3.0,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!
中牟ssl適用于網(wǎng)站、小程序/APP、API接口等需要進(jìn)行數(shù)據(jù)傳輸應(yīng)用場(chǎng)景,ssl證書未來(lái)市場(chǎng)廣闊!成為創(chuàng)新互聯(lián)公司的ssl證書銷售渠道,可以享受市場(chǎng)價(jià)格4-6折優(yōu)惠!如果有意向歡迎電話聯(lián)系或者加微信:13518219792(備注:SSL證書合作)期待與您的合作!
最近公司要開新項(xiàng)目,用vue-cli3.0配置,讓我搞一搞,做個(gè)記錄。
安裝
首先你要升級(jí)到cli3.0,命令如下。(最好自己去官網(wǎng)過(guò)一遍cli3.0的文檔)
npm install -g @vue/cli-service-global
安裝完成后檢測(cè)一下是否安裝成功,如下圖展示。
顯示3.0以上就安裝成功。
創(chuàng)建一個(gè)項(xiàng)目
vue create hello-world
創(chuàng)建過(guò)程中,會(huì)讓你選一系列的配置,鍵盤上下鍵可以切換,空格鍵可以選取,回車鍵確認(rèn)。下面我一一細(xì)說(shuō)。
第一個(gè)默認(rèn)配置只會(huì)安裝babel和eslint,其它的需要自己配置,不建議選,這里我們選擇第二個(gè)手動(dòng)配置
。按回車(鍵盤上下鍵可以上下切換選擇)
從上往下分別為(注:空格鍵可以選定)
babel:用來(lái)將es6的代碼編譯為es5 typescript:javascript的一個(gè)超集,我這里沒(méi)選 Progressive Web App (PWA) Support: pwa技術(shù) Router:路由 Vuex:全局狀態(tài)管理 CSS Pre-processors: css預(yù)處理 Linter / Formatter: 風(fēng)格檢查器 Unit Testing:?jiǎn)卧獪y(cè)試 E2E Testing:e2e測(cè)試
這里選擇可以根據(jù)個(gè)人需求來(lái)進(jìn)行選擇
下一步,選擇eslint的風(fēng)格,這里不多啰嗦,直接選擇第三個(gè)standard(應(yīng)為前幾個(gè)我也不了解-_-)
這里是問(wèn)你,要在保存時(shí)設(shè)置lint還是在提交是設(shè)置lint,我這里設(shè)置保存時(shí)lint(第一個(gè))
這里是問(wèn)你將babel,eslint,postcss這些配置放在那里
In dedicated config files:放在相應(yīng)的文件中 In package.json:放在package.json中
這里是問(wèn)你是否保存預(yù)設(shè),當(dāng)你選擇是的時(shí)候,下次你在執(zhí)行vue create xxx的時(shí)候,會(huì)默認(rèn)選擇這些設(shè)置,建議選否
走到這一步就配置完成,等待安裝完成。
以上是“如何安裝與配置vue-cli3.0”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對(duì)大家有所幫助,如果還想學(xué)習(xí)更多知識(shí),歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!
網(wǎng)站名稱:如何安裝與配置vue-cli3.0
標(biāo)題鏈接:http://www.rwnh.cn/article46/jdcjeg.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供域名注冊(cè)、定制開發(fā)、品牌網(wǎng)站設(shè)計(jì)、動(dòng)態(tài)網(wǎng)站、網(wǎng)站導(dǎo)航、網(wǎng)站維護(hù)
聲明:本網(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)