vue-cli3建立及配置

全局安裝

先安裝vue-cli3，即 @vue/cli

npm install -g @vue/cli

查看是否安裝成功
命令vue -V 若是版本爲3.x，恭喜你，邁出第一步了！

建立項目

這裏以項目名爲 vue-admin 爲例

vue create vue-admin

看到下圖所示，這裏會列出你以往保存的配置，鍵盤上下鍵選擇配置，咱們選擇最後一個，自行配置。

而後會進入下圖所示步驟，按你本身需求選擇一些配置，鼠標上下鍵選擇，按空格標記選中狀態。選好回車。

繼續，看到下圖，我選擇sass

繼續，這裏詢問你，把babel,postcss,eslint這些配置文件放哪
1.獨立文件放置
2.放package.json裏

我選擇獨立放置

接下來y，回車就好了，而後就生成了項目。
這裏和vue2的運行方式不同，由原來的npm run dev改爲了npm run serve

運行後：

配置

和cli2版本相比，減小了不少文件（去掉了cli2的build和config等目錄）。

那麼咱們的一些配置，要放到哪裏呢？？
應在根目錄下建立配置文件vue.config.js，舉例以下配置，配置了項目使用的端口號，並在項目啓動後直接在瀏覽器打開。