一、開發工具:VSCode, WebStorm, Sublime
二、開發環境: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
六、基礎概念:
1、Node.js:
Node.js是一個Javascript運行環境(runtime)。實際上它是對Google V8引擎進行了封裝。V8引 擎執行Javascript的速度非常快,性能非常好。Node.js對一些特殊用例進行了優化,提供了替代的API,使得V8在非瀏覽器環境下運行得更好。
Node.js是一個基于Chrome JavaScript運行時建立的平臺, 用于方便地搭建響應速度快、易于擴展的網絡應用。Node.js 使用事件驅動, 非阻塞I/O 模型而得以輕量和高效,非常適合在分布式設備上運行數據密集型的實時應用。
Node.js的優點:
- nodejs作為一個新興的后臺語言,有很多吸引人的地方:
- RESTful API
- 單線程
- Node.js可以在不新增額外線程的情況下,依然可以對任務進行并發處理 —— Node.js是單線程的。它通過事件輪詢(event loop)來實現并發操作,對此,我們應該要充分利用這一點 —— 盡可能的避免阻塞操作,取而代之,多使用非阻塞操作。
- 非阻塞IO
- V8虛擬機
- 事件驅動
** 官網:**https://nodejs.org/en/
2、Npm:
NPM是隨同NodeJS一起安裝的包管理工具,能解決NodeJS代碼部署上的很多問題,常見的使用場景有以下幾種:
- 允許用戶從NPM服務器下載別人編寫的第三方包到本地使用。
- 允許用戶從NPM服務器下載并安裝別人編寫的命令行程序到本地使用。
- 允許用戶將自己編寫的包或命令行程序上傳到NPM服務器供別人使用。
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.
官網:https://www.npmjs.com/
3、CNPM:
CNPM是淘寶的NPM鏡像,由于在國內網絡環境訪問NPM不便,所以用CNPM代替NPM
官網:http://npm.taobao.org/
4、Webpack:
Webpack 是當下最熱門的前端資源模塊化管理和打包工具。它可以將許多松散的模塊按照依賴和規則打包成符合生產環境部署的前端資源。還可以將按需加載的模塊進行代碼分隔,等到實際需要的時候再異步加載。通過 loader 的轉換,任何形式的資源都可以視作模塊,比如 CommonJs 模塊、 AMD 模塊、 ES6 模塊、CSS、圖片、 JSON、Coffeescript、 LESS 等。
官網:http://webpack.github.io/
5、ES6:
CMAScript 6(以下簡稱ES6)是JavaScript語言的下一代標準。因為當前版本的ES6是在2015年發布的,所以又稱ECMAScript 2015。
ES6特性:
- Default Parameters(默認參數) in ES6
- Template Literals (模板文本)in ES6
- Multi-line Strings (多行字符串)in ES6
- Destructuring Assignment (解構賦值)in ES6
- Enhanced Object Literals (增強的對象文本)in ES6
- Arrow Functions (箭頭函數)in ES6
- Promises in ES6z
- Block-Scoped Constructs Let and Const(塊作用域構造Let and Const)
- Classes(類) in ES6
- Modules(模塊) in ES6
6、Vue.js
vue.js(讀音 /vju?/, 類似于 view) 是一套構建用戶界面的 漸進式框架。與其他重量級框架不同的是,Vue 采用自底向上增量開發的設計。Vue 的核心庫只關注視圖層,并且非常容易學習,非常容易與其它庫或已有項目整合。另一方面,Vue 完全有能力驅動采用單文件組件和Vue生態系統支持的庫開發的復雜單頁應用。
Vue.js 的目標是通過盡可能簡單的 API 實現響應的數據綁定和組合的視圖組件。
官網:http://doc.vue-js.com/v2/guide/index.html
7、Element UI:
由餓了嗎開源,一套為開發者、設計師和產品經理準備的基于 Vue 2.0 的組件庫,提供了配套設計資源,幫助你的網站快速成型。
官網:http://element.eleme.io/