首先你要熟悉vue-cli2.0
1.項目目錄結構
可以明顯的看出來，vue-cli2.0與3.0在目錄結構方面，有明顯的不同（vue3.0我是安裝了css預處理器，所以看上去內容更豐富哈）
vue-cli3.0移除了配置文件目錄，config 和 build 文件夾
同時移除了 static 靜態文件夾，新增了 public 文件夾，細心的你，打開層級目錄還會發現， index.html 移動到 public 中
2.配置項
vue-cli2.0的域名配置，分為開發環境和生產環境，所以配置域名時，需要在config中的dev.env.js和prod.env.js中分別配置
前面說過，到了3.0 config文件已經被移除，但是多了.env.production和env.development文件，除了文件位置，實際配置起來和2.0沒什么不同
當然，沒了config文件，跨域需要配置域名時，從config/index.js 挪到了vue.config.js中，配置方法不變
在3.0中，vue.config.js中有關於mock的配置
要注意的是：mockjs是用來模擬產生一些虛擬的數據，方便前端在后端接口還沒有開發出來時獨立開發
即使使用了真實的url，但是mockjs攔截了ajax請求，返回的是設定好的本地數據
如果你想正常從后端獲取數據，就要關掉mock的使用，我是直接刪掉的，當然你可以選擇別的辦法
main.js中有一段關於mock.js的描述（注意上線前要去掉你的mock）
3.可視化界面
找到項目，vue ui 命令會直接打開可視化界面，里面可以進行配置、依賴等操作
對於不喜歡命令行的朋友可以說是非常友好了
4.其他
全局安裝vu-cli 3.0
npm install -g @vue/cli
如果之前安裝了2.0版本，先卸載 npm uninstall -g vue-cli )
安裝完 3.0 后，有以下兩種創建項目的方式：
1： vue create < project-name>
然后會出現默認和手動兩個選項，跟着步驟走就好（傻瓜式操作）
2: 用視圖創建項目 vue ui （上面已經說了）
在2.x0中，你使用 Vue.set 來給對象新增一個屬性時，這個對象的所有 watcher 都會重新運行
而在3.0中，只有依賴那個屬性的 watcher 才會重新運行 ，這樣使得變更通知更加精准