有了介面文件以後，我們就可以開始選擇合適的前後端架構來準備正式開發專案。本篇帶著大家選擇合適的前端架構並搭建起前端開發環境。
在搭建前端架構前，我們先來了解一下這幾個概念：vue.js、node.js（vue.js 執行的環境）、vue cli（vue.js 開發的標準工具）。
vue.js
vue.js 官網上是這麼描述的：
vue（讀音 /vjuː/，類似於view）是一套用於構建使用者介面的漸進式框架。與其它大型框架不同的是，vue 被設計為可以自底向上逐層應用。vue 的核心庫只關注檢視層，不僅易於上手，還便於與第三方庫或既有專案整合。另一方面，當與現代化的工具鏈以及各種支援類庫結合使用時，vue 也完全能夠為複雜的單頁應用提供驅動。vue 是一種漸進式的前端框架，易用、靈活、速度快，支援的工具和外掛程式非常多，現在已經形成了乙個完整的生態鏈。vue 出現地比較晚，吸取了 react、angular、polymer 等框架的精華，是當前前端開發的主流框架。
vue.js 官網：
前端環境搭建
1.安裝node 2.用 npm環境，npm install g cnpm registry 3.安裝腳手架 cnpm install g vue cli 安裝完腳手架以後開始，開始建立乙個新專案 命令 vue init webpack vue project 最後這個是我建立的專案資料夾的名字 4...
前端開發 環境搭建
1.安裝node v6.0.0 x64.msi 安裝成功之後可以使用簡單命令 node v 檢視其版本 1.1配置環境變數 c program files nodejs 2.使用 的國內映象 cmdnpm install g cnpm registry 2.1配置環境變數 3.安裝cordova 或...
前端開發環境搭建
前端開發環境搭建 安裝google chrome 最後測試一下，在cmd命令下執行 npm install webpack g，webpack 安裝成功，執行 npm webpack v 可以看到所安裝webpack的版本號，這些都成功了，就安裝配置都成功了。安裝visual studio code...