Vue Cli3初體驗(一)

2021-09-01 09:12:44 字數 869 閱讀 2163

前段時間看到一篇關於vue-cli3的文章,看到和老版本的vue-cli有很大的區別,就自己試試踩踩坑。

vue cli是乙個基於vue.js進行快速開發的完整系統。

npm install -g @vue/cli

或yarn add @vue/cli global

或vue ui

cli (@vue/cli) 是乙個全域性安裝的 npm 包,提供了終端裡的 vue 命令。它可以通過 vue create 快速建立乙個新專案的腳手架,或者直接通過 vue serve 構建新想法的原型。你也可以通過 vue ui 通過一套圖形化介面管理你的所有專案。如:

第一步:

第二步:

第三:

第四:

這裡給的是筆者自己的基礎配置,詳細的配置或者外掛程式需要大家自行配置,這裡不做多餘的贅述。

最終建立的專案目錄如下:

其中的vue.config.js需要自行建立。後續筆者會繼續更新,繼續踩坑。其中的不足之處,歡迎各位大佬的指點。

vue cli 3學習要點

只整理了一下vue cli 3的基礎內容部分,其他的見官網 一 簡介vue3 1.它可以通過 vue create 快速建立乙個新專案的腳手架,或者直接通過 vue serve 構建新想法的原型,不需要vue2.0那樣用webpack來構建專案 2.在專案建立的過程中,你也會被提示選擇喜歡的包管理器...

vue cli3建立專案

預設 引入elementui 1.安裝element ui npm i element ui s 2.在main.js上新增 import elementui from element ui import element ui lib theme chalk index.css vue.use el...

Vue cli3配置說明

關於 以及process.env.使用和說明 scripts 以上是package.json中的一段指令碼。可看到我們的執行命令後面就會跟著mode,mode對應的值分別都有對應的檔案,如上mode分別有dev prod test三種模式,對應的專案中就會有三個檔案.env.dev env.prod...