天天看點

使用vue-cli3搭建一個項目!!!

前面說過用vue-cli3快速開發原型的搭建,下面來說一下搭建一個完整的項目

首先我們可以輸入指令(建立一個項目名為test的項目)

輸完這個指令後,會讓你選擇配置項,預設是eslint和babel,也可以選擇其它的選項,如vue-router、vue-x、css預處理語言、單元測試、typescript等。。。

選完這些選項之後,就會自動安裝依賴什麼的将項目搭建起來。

上面我們建立test項目時,加入我們直選了babel和eslint插件

我們想添加其它插件時,可以使用vue add 指令

這個指令将 ​<code>​@vue/eslint​</code>​ 解析為完整的包名 ​<code>​@vue/cli-plugin-eslint​</code>​,然後從 npm 安裝它,調用它的生成器。

​<code>​vue-router​</code>​ 和 ​<code>​vuex​</code>​ 的情況比較特殊——它們并沒有自己的插件,但是你仍然可以這樣添加它們:

我們可以在根目錄下建立vue.config.js檔案來配置之前在webpack中配置的東西

比如說配置搭理端口為8089

繼續閱讀