由於之前一直使用React，打包使用Browserify，而Vue卻偏愛使用webpack，但是沒有什麼是必須的，Vue官網也提供了browserify版本的快速模板，通過cli腳手架快速生成。
第一次學習使用Vue，沒辦法，公司技術棧是Vue，只能硬着頭皮學了。
本文使用的包管理是yarn。
首先安裝腳手架：全局安裝哦，這裏裝的是3.+，如果你安裝的是2.x的，沒法直接使用create 命令生產模板
初始化
yarn init
yarn global add @vue/cli
移除舊的腳手架：
yarn global remove xxx
查看全局包
yarn global list
查看vue命令是否可以使用
Vue --version
創建browserify的模板
vue init browserify-simple xxx項目名
yarn install
項目目錄出來了：dist是打包生成的最終文件，不用管暫時，Public是主頁面html,你可能發現沒有bundle.js或者別的js，因爲腳手架打包後自動注入js到dist裏的文件。
看一下打包後的index
然後看一下src：這裏是我們開發的地方，Vue單獨把App.vue獨立出來，components是存放組件的地方，和React差不多，不過腳手架很方便的幫我們處理好了。
作爲一個Vue小白，看到這個結構，很有趣，Vue將html，css，js，直接放到一個頁面中。
css還提供了作用域。
組件的寫法是對外暴露出一個對象，生命週期函數與屬性都是在這個對象裏，而React是基於Class來生成組件的（Function純組件除外），這點有很大區別，並且，React內部可以維護一個State，但是Vue的數據並不是如此，而且實際開發過程中，發現，Vue不能直接響應數組索引賦值的變化，視圖層不會變化，不過官方給瞭解決方法。
運行這個項目
yarn serve
yarn build
Vue創建browserify項目結束。