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

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

　　一、技術(shù)準(zhǔn)備

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

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

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

　　二、開發(fā)工具

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

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