博客里的一些小示例都是在vue-cli的基礎(chǔ)上構(gòu)建的，為了方便學(xué)習(xí)，這里把vue-cli構(gòu)建項(xiàng)目的方法說(shuō)一下桶雀！怎樣從零開(kāi)始矿酵，構(gòu)建一個(gè)簡(jiǎn)單的vue2.0項(xiàng)目！
這里首先說(shuō)一下矗积，vue-cli是什么全肮？
vue-cli是官方提供的一個(gè)腳手架，個(gè)人感覺(jué)比較適合新手同學(xué)來(lái)學(xué)習(xí)vue棘捣！
<h3>1.首先辜腺，要安裝node和npm</h3>
這里先不說(shuō)這兩的安裝方法，可以自行到網(wǎng)上搜索一下乍恐，例子還是很多的评疗；
<h3>2.開(kāi)始了，這里說(shuō)一下茵烈，因?yàn)閚pm install安裝的太慢百匆，如果你的網(wǎng)速還比較渣的話，那我只能對(duì)你說(shuō)自求多福吧呜投！</h3>
這里推薦使用淘寶鏡像加匈；一下是安裝方法：打開(kāi)命令行工具，輸入：
npm install -g cnpm --registry= https://registry.npm.taobao.org
安裝完成后宙彪，輸入
cnpm -v
如果出現(xiàn)版本號(hào)矩动，就說(shuō)明安裝成功了！
<h3>3.接下來(lái)释漆，安裝webpack</h3>
打開(kāi)命令行工具輸入：
npm install webpack -g
安裝完成之后輸入 webpack -v悲没，如果出現(xiàn)相應(yīng)的版本號(hào)，則說(shuō)明安裝成功男图。
因?yàn)榘惭b了淘寶的鏡像羔沙，可以直接輸入：
cnpm install webpack -g
<h3>4.接下來(lái)，安裝vue-cli腳手架構(gòu)建工具</h3>
安裝vue-cli腳手架構(gòu)建工具躯泰，打開(kāi)命令行工具輸入：
npm install vue-cli -g
安裝完成之后輸入 vue -V（注意這里是大寫(xiě)的“V”）,如果出現(xiàn)相應(yīng)的版本號(hào)厨剪，則說(shuō)明安裝成功。
<h3>5.新建一個(gè)文件夾难裆，放置你的項(xiàng)目</h3>
cd 目錄路徑子檀，然后輸入命令：
vue init webpack projectName //projectName是你的工程名稱(chēng)，可自行輸入
接下來(lái)出現(xiàn)
>$ vue init webpack projectName --------------------- 這個(gè)是那個(gè)安裝vue腳手架的命令
This will install Vue 2.x version of the template. ---------------------這里說(shuō)明將要?jiǎng)?chuàng)建一個(gè)vue 2.x版本的項(xiàng)目
For Vue 1.x use: vue init webpack#1.0 projectName
? Project name (projectName) ---------------------項(xiàng)目名稱(chēng)
? Project name projectName
? Project description (A Vue.js project) ---------------------項(xiàng)目描述
? Project description A Vue.js project
? Author Datura --------------------- 項(xiàng)目創(chuàng)建者
? Author Datura
? Vue build (Use arrow keys)
? Vue build standalone
? Install vue-router? (Y/n) --------------------- 是否安裝Vue路由乃戈，也就是以后是spa（但頁(yè)面應(yīng)用需要的模塊）
? Install vue-router? Yes
? Use ESLint to lint your code? (Y/n) n ---------------------是否啟用eslint檢測(cè)規(guī)則褂痰，這里個(gè)人建議選no,血的教訓(xùn)
? Use ESLint to lint your code? No
? Setup unit tests with Karma + Mocha? (Y/n) -------------------單元測(cè)試，可選可不選
? Setup unit tests with Karma + Mocha? Yes
? Setup e2e tests with Nightwatch? (Y/n) -------------------單元測(cè)試症虑，可選可不選
? Setup e2e tests with Nightwatch? Yes
vue-cli · Generated "projectName".
<h3>6.啟動(dòng)項(xiàng)目</h3>
依次輸入以下命令即可：
cd exprice //切換到你的工程目錄
npm install //安裝依賴(lài)缩歪，node-modules
npm run dev //運(yùn)行項(xiàng)目
出現(xiàn)下圖，你就成功了
