1. vue簡要介紹

Vue.js（讀音 /vju?/, 類似于 view）是一個構建數據驅動的 web 界面的漸進式框架。Vue現在這么火，大家都懂。接下來讓我們來認識一下她的魅力吧~

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

2. 下載nodejs

直接去node.js官網下載最新穩定版即可。然后安裝node，一直點下一步就能安裝好了。

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

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

安裝cnpm, 在命令行中輸入

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

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

3. 安裝vue-cli 腳手架構建工具

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

cnpm install -g vue-cli

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

安裝完成后報錯：無法加載文件 C:\\Users\\yizon\\AppData\\Roaming\\npm\\cnpm.ps1，因為在此系統上禁止運行腳本

解決：管理員身份運行power shell，再輸入：

set-ExecutionPolicy RemoteSigned

輸入A，回車

4.新建Vue項目

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

5. 啟動項目

在cmd里，切換到當前項目中，執行下面命令

npm run dev

在瀏覽器輸入http://localhost:8080出現