如何安裝與配置vue-cli3.0

小編給大家分享一下如何安裝與配置vue-cli3.0，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

中牟ssl適用于網(wǎng)站、小程序/APP、API接口等需要進行數(shù)據(jù)傳輸應(yīng)用場景，ssl證書未來市場廣闊！成為創(chuàng)新互聯(lián)公司的ssl證書銷售渠道，可以享受市場價格4-6折優(yōu)惠！如果有意向歡迎電話聯(lián)系或者加微信：13518219792（備注：SSL證書合作）期待與您的合作！

最近公司要開新項目，用vue-cli3.0配置，讓我搞一搞，做個記錄。

安裝

首先你要升級到cli3.0，命令如下。(最好自己去官網(wǎng)過一遍cli3.0的文檔)

npm install -g @vue/cli-service-global

安裝完成后檢測一下是否安裝成功，如下圖展示。

顯示3.0以上就安裝成功。

創(chuàng)建一個項目

vue create hello-world

創(chuàng)建過程中，會讓你選一系列的配置，鍵盤上下鍵可以切換，空格鍵可以選取，回車鍵確認。下面我一一細說。

第一個默認配置只會安裝babel和eslint，其它的需要自己配置，不建議選，這里我們選擇第二個手動配置。按回車（鍵盤上下鍵可以上下切換選擇）

從上往下分別為（注：空格鍵可以選定）

babel：用來將es6的代碼編譯為es5
typescript：javascript的一個超集，我這里沒選
Progressive Web App (PWA) Support： pwa技術(shù)
Router：路由
Vuex：全局狀態(tài)管理
CSS Pre-processors： css預(yù)處理
Linter / Formatter： 風(fēng)格檢查器
Unit Testing：單元測試
E2E Testing：e2e測試

這里選擇可以根據(jù)個人需求來進行選擇

下一步，選擇eslint的風(fēng)格，這里不多啰嗦，直接選擇第三個standard（應(yīng)為前幾個我也不了解-_-）

這里是問你，要在保存時設(shè)置lint還是在提交是設(shè)置lint，我這里設(shè)置保存時lint（第一個）

這里是問你將babel，eslint，postcss這些配置放在那里

In dedicated config files：放在相應(yīng)的文件中
In package.json：放在package.json中

這里是問你是否保存預(yù)設(shè)，當你選擇是的時候，下次你在執(zhí)行vue create xxx的時候，會默認選擇這些設(shè)置，建議選否

走到這一步就配置完成，等待安裝完成。

以上是“如何安裝與配置vue-cli3.0”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

網(wǎng)站名稱：如何安裝與配置vue-cli3.0
標題鏈接：http://bm7419.com/article46/jdcjeg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供域名注冊、定制開發(fā)、品牌網(wǎng)站設(shè)計、動態(tài)網(wǎng)站、網(wǎng)站導(dǎo)航、網(wǎng)站維護

廣告

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