利用Vue CLI3搭建項目

從零開始搭建項目，在這以前沒搭過項目，感受要好好地學習一下，記錄一下小白的操做。
官網地址：Vue CLI

---

一、肯定已經安裝好@vue/cli，以下，已經安裝了（必定要3.x版本，否則就不能視圖化建立項目了，要用命令行）。

若以前是用1.x或者2.x的要卸載以前的版本。

npm uninstall vue-cli -g

安裝新版本，能夠在命令行內輸入

npm install -g @vue/cli

注：因小白用npm比較熟，因此命令都是npm；若要用yarn，請另行百度。還須要注意的是，若是是mac安裝，命令前面須要加sudo（由於須要權限），如下再也不重複提醒。

二、進入圖形化界面搭建項目

vue ui

會在瀏覽器打開localhost:8080，讓用戶選擇所須要的配置。
（1）建立目錄，須要注意的是，這個是讓你點擊選擇的，或者輸入。（這個只建立了目錄，文件夾的名字還沒取。）

（2）在詳情裏面輸入文件夾的名字，包管理器我比較熟悉npm，因此選了npm，以後點擊下一步。

（3）預設裏面，我選擇的是手動的，根據本身須要選擇依賴。

（4）功能選擇，根據須要自動選擇，就算如今沒選上，項目用的時候也能夠用npm安裝依賴。


（5）配置，預編譯我選擇的是node-sass

（6）預設名爲config

這樣就能大功告成了，只需等待程序自動配置就行。