0. 前言

今天北京下雪了，還挺冷的，哈哈，好吧，今天就說(shuō)一下如果我們要想用vue.js做一個(gè)項(xiàng)目的時(shí)候，那肯定會(huì)用到vue.js里面的腳手架，我今天就介紹一下，怎么安裝這個(gè)腳手架。

timg.jpg

1. 安裝

兼容性

Vue.js 不支持 IE8 及其以下版本，因?yàn)?Vue.js 使用了 IE8 不能模擬的 ECMAScript 5 特性。 Vue.js 支持所有兼容 ECMAScript 5 的瀏覽器。安裝vue.cli腳手架官網(wǎng)

安裝的條件之一

必須先安裝一個(gè)node.js，有了node.js才可以輸入命令行，才可以安裝vue.js腳手架,安裝node.js官網(wǎng)

NPM

在用 Vue.js 構(gòu)建大型應(yīng)用時(shí)推薦使用 NPM 安裝， NPM 能很好地和諸如 Webpack 或 Browserify 模塊打包器配合使用。

命令行工具

Vue.js 提供一個(gè)官方命令行工具，可用于快速搭建大型單頁(yè)應(yīng)用。

vue.js官網(wǎng)的安裝方法

圖片.png

我自己也總結(jié)了下流程，當(dāng)然我寫的也不能超越了官網(wǎng)的那幾個(gè)步驟，我比官網(wǎng)說(shuō)的可能就是，多了一點(diǎn)注釋，解釋。

1. Node.js安裝
   https://nodejs.org/en/download/
2. 安裝vue-cli
   npm install -g vue-cli
3. 使用vue-cli初始化項(xiàng)目
   vue init webpack-simple my-project-name
   如果遇到Install vue-router? 時(shí)輸入：yes
   這句話的意思是問(wèn)你是否同意安裝路由。
   如果遇到Use ESLlint to lint your code? 時(shí)輸入：no
   ESLlint 算是一個(gè)代碼語(yǔ)法規(guī)范的檢查工具，不同意就不會(huì)把檢查代碼的功能加進(jìn)，如果你對(duì)自己寫的代碼，沒(méi)有信心，就不要同意，否則你寫的代碼沒(méi)有按照，人家要求的嚴(yán)格模式寫，就會(huì)保各種錯(cuò)。。。
   如果遇到Setup unit tests with Karma + mocha? 時(shí)輸入：no
   問(wèn)你是否需要進(jìn)行自動(dòng)化測(cè)試
   如果遇到Setup e2e tests with Nightwatch? 時(shí)輸入：no
   設(shè)置用Nightwatch e2e測(cè)試
4. 進(jìn)入目錄
   cd my-project
5. 安裝依賴
   npm install
6. 開(kāi)始運(yùn)行
   npm run dev
7. 測(cè)試項(xiàng)目--訪問(wèn)
   localhost:8080

2. 結(jié)束語(yǔ)

可能有的地方解釋的不是很正確，跟你們這些英語(yǔ)好幾級(jí)的人當(dāng)然比不了，見(jiàn)諒?。。?！