一、開發(fā)工具：VSCode, WebStorm, Sublime
二跺涤、開發(fā)環(huán)境：Node.js, Npm, Cnpm, Webpack, ES6
三法梯、框架： Vue.js, Element UI
四、文檔：
http://doc.vue-js.com/v2/guide/index.html
五提揍、資源：
開源項目：http://www.cnblogs.com/opendigg/p/6513510.html
VSCode插件：http://www.open-open.com/lib/view/1487752358536
六溉旋、基礎(chǔ)概念：
1畸冲、Node.js:
Node.js是一個Javascript運行環(huán)境(runtime)。實際上它是對Google V8引擎進行了封裝观腊。V8引 擎執(zhí)行Javascript的速度非骋叵校快，性能非常好梧油。Node.js對一些特殊用例進行了優(yōu)化苫耸，提供了替代的API，使得V8在非瀏覽器環(huán)境下運行得更好婶溯。
Node.js是一個基于Chrome JavaScript運行時建立的平臺鲸阔， 用于方便地搭建響應(yīng)速度快偷霉、易于擴展的網(wǎng)絡(luò)應(yīng)用迄委。Node.js 使用事件驅(qū)動， 非阻塞I/O 模型而得以輕量和高效类少，非常適合在分布式設(shè)備上運行數(shù)據(jù)密集型的實時應(yīng)用叙身。
Node.js的優(yōu)點:
- nodejs作為一個新興的后臺語言，有很多吸引人的地方：
- RESTful API
- 單線程
- Node.js可以在不新增額外線程的情況下硫狞，依然可以對任務(wù)進行并發(fā)處理 —— Node.js是單線程的信轿。它通過事件輪詢（event loop）來實現(xiàn)并發(fā)操作，對此残吩，我們應(yīng)該要充分利用這一點 —— 盡可能的避免阻塞操作财忽，取而代之，多使用非阻塞操作泣侮。
- 非阻塞IO
- V8虛擬機
- 事件驅(qū)動
** 官網(wǎng)：**https://nodejs.org/en/
2即彪、Npm:
NPM是隨同NodeJS一起安裝的包管理工具，能解決NodeJS代碼部署上的很多問題活尊，常見的使用場景有以下幾種：
- 允許用戶從NPM服務(wù)器下載別人編寫的第三方包到本地使用隶校。
- 允許用戶從NPM服務(wù)器下載并安裝別人編寫的命令行程序到本地使用。
- 允許用戶將自己編寫的包或命令行程序上傳到NPM服務(wù)器供別人使用蛹锰。
npm is the package manager for JavaScript and the world’s largest software registry. Discover packages of reusable code — and assemble them in powerful new ways.
官網(wǎng)：https://www.npmjs.com/
3深胳、CNPM:
CNPM是淘寶的NPM鏡像，由于在國內(nèi)網(wǎng)絡(luò)環(huán)境訪問NPM不便铜犬，所以用CNPM代替NPM
官網(wǎng)：http://npm.taobao.org/
4舞终、Webpack:
Webpack 是當(dāng)下最熱門的前端資源模塊化管理和打包工具轻庆。它可以將許多松散的模塊按照依賴和規(guī)則打包成符合生產(chǎn)環(huán)境部署的前端資源。還可以將按需加載的模塊進行代碼分隔敛劝，等到實際需要的時候再異步加載榨了。通過 loader 的轉(zhuǎn)換，任何形式的資源都可以視作模塊攘蔽，比如 CommonJs 模塊龙屉、 AMD 模塊、 ES6 模塊满俗、CSS转捕、圖片、 JSON唆垃、Coffeescript五芝、 LESS 等。
官網(wǎng)：http://webpack.github.io/
5辕万、ES6:
CMAScript 6（以下簡稱ES6）是JavaScript語言的下一代標(biāo)準(zhǔn)枢步。因為當(dāng)前版本的ES6是在2015年發(fā)布的，所以又稱ECMAScript 2015渐尿。
ES6特性：
- Default Parameters（默認(rèn)參數(shù)） in ES6
- Template Literals （模板文本）in ES6
- Multi-line Strings （多行字符串）in ES6
- Destructuring Assignment （解構(gòu)賦值）in ES6
- Enhanced Object Literals （增強的對象文本）in ES6
- Arrow Functions （箭頭函數(shù)）in ES6
- Promises in ES6z
- Block-Scoped Constructs Let and Const（塊作用域構(gòu)造Let and Const）
- Classes（類） in ES6
- Modules（模塊） in ES6
6醉途、Vue.js
vue.js（讀音 /vju?/, 類似于 view） 是一套構(gòu)建用戶界面的 漸進式框架。與其他重量級框架不同的是砖茸，Vue 采用自底向上增量開發(fā)的設(shè)計隘擎。Vue 的核心庫只關(guān)注視圖層，并且非常容易學(xué)習(xí)凉夯，非常容易與其它庫或已有項目整合货葬。另一方面，Vue 完全有能力驅(qū)動采用單文件組件和Vue生態(tài)系統(tǒng)支持的庫開發(fā)的復(fù)雜單頁應(yīng)用劲够。
Vue.js 的目標(biāo)是通過盡可能簡單的 API 實現(xiàn)響應(yīng)的數(shù)據(jù)綁定和組合的視圖組件震桶。
官網(wǎng)：http://doc.vue-js.com/v2/guide/index.html
7、Element UI:
由餓了嗎開源征绎，一套為開發(fā)者蹲姐、設(shè)計師和產(chǎn)品經(jīng)理準(zhǔn)備的基于 Vue 2.0 的組件庫，提供了配套設(shè)計資源炒瘸，幫助你的網(wǎng)站快速成型淤堵。
官網(wǎng)：http://element.eleme.io/
