vue-cli人門瞭解和專案搭建
1,vue-cli已經更新到了3.0,這個版本使用者體驗相對之前來,改變幅度還是比較大的,比如啊增加一鍵搭建專案和自定義專案,一鍵搭建專案你只需要輸入 vue create 架專案名字即可建立一個專案,而自定義一個專案,你可以選擇自定義模式,然後選擇官方提供給你的模板,你就可以選擇性的建立專案,提供了vuex router等等外掛選擇,下面我們來看看兩種模式建立專案的方法把。
1,vue-cli 一鍵建立專案
第一步輸入 vue create new vue create 這個是建立專案 new這是專案,可以自定義,

第二部,他會彈出3個選擇.
預設選擇第一個, 裡面帶有 vue-router vuex node-saa babel eslint 外掛,基本一個專案常用的配置專案全自動幫你配置好,無需你手動去安裝,這對於剛接觸vue-cli的小白來說,真的是一個很大的福利,哈哈哈哈.

第三部,安心等待,直到初選 cd new 和npm run serve 就說明安卓成功

第四步,輸入cd new進入new目錄(注意:專案安裝好之後,一定要到new專案內部去開啟專案命令)
然後輸入npm run serve 開啟專案出先8080等埠域名,複製第一個放入百度中,專案即可出現

最後的勝利,兄die 們,我們成功了,祝你按照順利。

2,vue-cli 自定義建立專案
同一上述 輸入vue create newtwo

按下回車之後,3個選項選擇第3個選項,這樣你就可以裝上自己配置的腳手架了

這裡面有很多選擇的外掛,你可以選擇你自己需要的外掛(上下鍵選擇 空格選中),安裝上,比如你需要vue-router專案必不可少的一個外掛。

是否使用Class風格裝飾器 bable 等等 不選擇就n 選擇就y

這是css 前處理器,你習慣用哪一種,你就安裝自己常用的就可以了

ESLint 的配之的話 那就選擇一個最基本的配置 ESLint + Standard config 就可以了

選擇第一個 Lint on save,就把之前選擇好的配置儲存好

這裡有兩種配置檔案,這個就根據你自己來選擇了,你喜歡哪一種就選擇哪一種就ok了

這個就是將你剛剛的配置是否儲存

? Save preset as: 你自己配置這個名字,我這裡就叫做 testt

輸入你自己配置的名字之後,就胡給你安裝

輸入cd new進入new目錄(注意:專案安裝好之後,一定要到new專案內部去開啟專案命令)
相信看了第一不的同學,這個地方一定會很得心應手的,嘻嘻嘻,看好你哦,你是最棒的。