前言；-- 進入前戲是非常重要的，請看以下內容！！！
1-）node版本
官方建議，node.js的版本，需要是8.9或者以上（建議是8.11.0+）
2-）更新vue cli
npm install -g @vue/cli
3-）創建項目
vue3.x同樣支持這種方式：
vue init webpack project-name
4-）我們用最新的創建方式：
vue create projectName
5-）這裏推薦選擇第二個，第一個默認沒有 router 和 vuex，
6-）這裏如果你要玩TS就把第二個也勾選上. 其他的就按照我下面的一共5個勾選來.
7-）選擇Y 是否使用history路由，這個看公司項目要求 其實history和hash都還是比較ok的，只是有很多人覺着history太醜了. 哈哈
8-）這裏就是 css的預編譯器，看個人，反正我玩less
9-）大部分選擇的是 ESlint +Standard config 因爲標準規範吧 這裏我選擇ESlint +Prettier，因爲我自己再vscode安裝了這個插件.還挺好用。
10-） 選擇何時進行代碼檢測，此處選擇在保存時進行檢測
11-）依然選擇第一個
12-）你是否保存上一次的自定義選擇，我這裏選擇 n 因爲我可能太閒了吧。哈哈哈哈
13-）最後一步 ， 那你就等項目開始創建吧，奧利給！！！
末言，不是遺言！！！看下圖 emmmm
以下是2.0和3.0文件的區別
1-）任何放置在 public 文件夾的靜態資源都會被簡單的複製，而不經過 webpack。你需要通過絕對路徑來引用它們。
例如，在public文件下放置一個images文件夾，images裏面存放各種圖片.
2.0
3.0
比如標籤引入圖片：
引入圖片logo.png: <img src="/images/logo.png" alt="" width="100px">
再比如背景圖片引入：
.login-wrapper {
position: fixed;
top: 0;
right: 0;
left: 0;
bottom: 0;
background: #1ab2ff url('/images/bg-img-4.jpg');
}
PS：
何時使用 public 文件夾
你需要在構建輸出中指定一個文件的名字。
你有上千個圖片，需要動態引用它們的路徑。
有些庫可能和 webpack 不兼容，這時你除了將其用一個獨立的
送大家一份大禮包 詳細的目錄結構詳細解釋.