1. vue簡要介紹

Vue.js（讀音 /vju?/, 類似于 view）是一個構(gòu)建數(shù)據(jù)驅(qū)動的 web 界面的漸進(jìn)式框架。Vue現(xiàn)在這么火，大家都懂。接下來讓我們來認(rèn)識一下她的魅力吧~

官網(wǎng)：https://cn.vuejs.org/下面小牛將帶著大家把流程走一遍

2. 下載nodejs

直接去node.js官網(wǎng)下載最新穩(wěn)定版即可。然后安裝node，一直點(diǎn)下一步就能安裝好了。

安裝完之后，我們打開cmd查看node和npm的版本。（npm包管理器，是集成在node中的）

由于在國內(nèi)通過npm下載依賴包會不穩(wěn)定、速度慢、國外某些資源被屏蔽的原因，所以我們還最好配置一個npm的國內(nèi)鏡像，本文選用了淘寶鏡像（穩(wěn)定好用）。

安裝cnpm, 在命令行中輸入

npm install -g cnpm --registry=https://registry.npm.taobao.org

然后等待，沒有報錯就代表安裝成功了~~。

3. 安裝vue-cli 腳手架構(gòu)建工具

Vue 提供了一個官方的 CLI，為單頁面應(yīng)用 (SPA) 快速搭建繁雜的腳手架。它為現(xiàn)代前端工作流提供了 batteries-included 的構(gòu)建設(shè)置。

cnpm install -g vue-cli

可能會報的錯誤及解決方案：

安裝完成后報錯：無法加載文件 C:\\Users\\yizon\\AppData\\Roaming\\npm\\cnpm.ps1，因?yàn)樵诖讼到y(tǒng)上禁止運(yùn)行腳本

解決：管理員身份運(yùn)行power shell，再輸入：

set-ExecutionPolicy RemoteSigned

輸入A，回車

4.新建Vue項(xiàng)目

輸入 vue init webpack vue-personal-website看需求，選即可

5. 啟動項(xiàng)目

在cmd里，切換到當(dāng)前項(xiàng)目中，執(zhí)行下面命令

npm run dev

在瀏覽器輸入http://localhost:8080出現(xiàn)