搭建項目前需要做的準備
在做 Vue.js 開發時，大家需要了解并安裝以下開發工具。
1.Node.js
Node.js是一個基于Chrome JavaScript運作時建立的平台，用于友善地搭建響應速度快、易于擴充的網絡應用。Node.js 使用事件驅動，非阻塞 I/O 模型而得以輕量和高效，非常适合在分布式裝置上運作資料密集型的實時應用。
它是前端架構，背景語言。對于Node，大家不用深入研究隻需會安裝配置即可。
2.npm
npm 是随同 Node.js 一起安裝的包管理工具，能解決 Node.js 代碼部署上的很多問題，常見的使用場景有以下幾種：
從 npm 伺服器下載下傳别人編寫的第三方包到本地使用。
從 npm 伺服器下載下傳并安裝别人編寫的指令行程式到本地使用。
将自己編寫的包或指令行程式上傳到 npm 伺服器供别人使用。
3.webpack
本質上，webpack 是一個現代 JavaScript 應用程式的子產品打包器（Module Bundler）。當 webpack 處理應用程式時，它會遞歸地建構一個依賴關系圖（Dependency Graph），其中包含應用程式需要的每個子產品，然後将所有這些子產品打包成一個或多個 Bundle。
它就是一款子產品加載器兼打包工具，在開發過程中，需要依靠它才能将内容呈現在你面前。
4.vue-cli
vue-cli 腳手架建構工具，用來快速建構 Vue.js 項目。
以上内容推薦安裝最新版，以避免出現一系列問題。
如何确認自己的電腦是否安裝了對應的工具？
在指令提示符中輸入：工具名稱 + v，如果已經安裝它，就會彈出對應的工具版本，如：
搭建開發環境
如果你已經做好了上述準備，那就跟着我開始完善我們的開發環境吧，主要包括以下四步。
1.安裝 Node.js；
2.基于 Node.js 安裝npm（淘寶鏡像）；
npm install -g cnpm --registry=https://registry.npm.taobao.org
3.安裝 webpack；
cnpm install webpack -g
4.安裝 vue-cli 腳手架；
npm install vue-cli -g
打開存放建立項目的檔案夾。
按住shift + 滑鼠右鍵 點選:在此處打開powershell 視窗，，可能有些系統是不一樣的，，可以用快捷鍵 win+R，輸入 CMD，敲回車，彈出指令提示符。
打開之後路徑預設為“C:\Users\Administrator>”。
如果你的檔案不在C槽，請輸入盤符+":"，如“e:”。
它會進入E盤下，接着輸入CD+空格+檔案路徑，如“/cloudcard/ClearExtensionApp”。
然後輸入敲回車 vue init webpack projectName
vue init webpack 後面的是将要建立的檔案名，項目名稱一定要是英文。
project name 直接Enter鍵
project description 直接Enter鍵
Author 直接Enter鍵
Vue build 直接Enter鍵
Install vue-router ? 是否安裝路由，，，一般都是yes，，直接Enter鍵
Use ESLint to lint your code? (Y/n)：否啟用 ESLint 檢測規則，看個人對自己代碼的把握，我都是選的是
Setup unit tests with Karma + Mocha ? 是否測試？？一般選NO
Setup e2e tests with Nightwatch ? e2e測試，一般選NO
接下來直接Enter鍵
最後的三個指令告訴你如何啟動：
cd demo
npm install
npm run dev
vue 一些基礎配置安裝
先
npm install axios
後
npm install axios
axios 等于jq ajax
用到post請求時，需要安裝qs
import qs from ‘qs’
var a = qs.stringify({})
axios.post(url, a).then(function (res) => {})
解析less和scss
npm install less less-loader sass-loader node-sass --save-dev