漫島的前後端配合上，採用的是rest API方式，前後端分離。
考慮到項目第一期的頁面不多，開發要快性能要好，自然要利用前端的自動化工具。
開始直接用Vue-cli3.0，Vue官方出品腳手架，基於webpack但是做了很多自己的封裝和插件選擇，這裏不推薦對配置完全懵逼的小夥伴使用，要求node版本大於8.0。
值得一提的是vue-cli3.0提供了一個可視化UI界面，只需要輸入命令vue ui就會自動啓動。創建項目的時候可視化的選擇所需的依賴及配置，比在命令窗口方便許多，界面如下：
但是本次我沒有采用，考慮到最新的不如最穩定的（自己技術不行）。於是還是用vue-cli3.0之前的方式來構建的。node版本推薦使用穩定版本8.x，用命令行node -v可以檢測自己的node版本。
先全局安裝vue-cli腳手架,命令輸入cnpm install vue-cli -g。
再執行vue init webpack projectName(你的項目名稱) 初始化項目，這裏提示我需要全局安裝一下vue/cli-init插件
老老實實的安裝，cnpm install -g @vue/cli-init,安裝完成之後再執行vue init webpack + “項目名稱”，這裏我的項目取名myland。然後就會讓你配置一些基本的信息了，根據自己需要選擇就行了，一般我不選eslint，挺煩的！可選配置如下：
選擇完成之後它就會給你自動構建好項目了，但是最後一步問你是否需要給你用npm安裝依賴的時候最好選擇自己手動裝，npm在國內太慢了，得等很久。成功構建完成的項目結構如下：
基本上，起步的話很簡單，就幾個命令就搞定了。所以這裏也不去長篇大論的講了！
總結一下：
1.下載一個node並安裝。
2.下載個git做命令行工具，原因是方便快捷，想在哪個文件下寫命令點一下鼠標右鍵選擇git bush here就直接到這個文件目錄了，不用你去一層層的進入。
3.cnpm install vue-cli -g安裝vue-cli腳手架
4.cnpm install -g @vue/cli-init 安裝vue-init所需依賴—如果提示你需要安裝的話
5.vue init webpack + 項目名稱
6.根據提示進行插件選擇和配置
7.在項目目錄cnpm run dev即可在瀏覽器運行你的項目
完成以上步驟自動化構建就完成了，然後開始寫代碼吧。
上一篇文章：漫島創業故事（序）