前端架構(gòu)之路：使用Vue.js開始第一個項目

　Vue.js做為目前前端最熱門的庫之一，為快速構(gòu)建并開發(fā)前端項目多了一種思維模式。本文通過一個簡單的實例開始上手Vue.js開發(fā)。

　　一、技術(shù)準備

　　使用傳統(tǒng)mvc項目的開發(fā)人員，筆者建議在開始項目前，對以下兩個技術(shù)點進行了解。

　　1、 Vue.js基礎知識 Vue.js特點就是入門簡單，api 簡潔一致，文檔清晰。對于了解Html,CSS,JavaScript花幾個小時看一遍，就能掌握基礎的東西。 可參考http://www.runoob.com/vue2/vue-tutorial.html。

　　2、 ES6的模塊化加載 有ES6中，可以不使用SeaJS或者RequireJS，而直接使用import和export在瀏覽器中導入和導出各個模塊了， 具體使用參考http://www.cnblogs.com/diligenceday/p/5503777.html。

　　二、開發(fā)工具

　　工欲善其事必先利其器，開發(fā)Vue項目建議使用“屬于21世紀”的代碼編輯器——Atom，它開源免費而且是跨平臺的，基于 WEB 技術(shù)（Chromium+Node.js）開發(fā)的，簡單理解的話編輯器本身其實是一個跑在本地的網(wǎng)頁，用戶可以用Javascript來編寫編輯器插件，缺點就是基于WEB導致性能不是很理想，但這不影響筆者對它的愛，Atom好用，而且有大量的高亮提示，語法插件可使用 ，當然你也可以通過安裝插件使用宇宙第一IDE-VisualStudio進行開發(fā)。使用Atom建議安裝以下插件。

　　1、minimap 讓你了解當前屏幕所處相對位置，如下圖App.Vue文件右側(cè)所示