用 vue-cli 腳手架工具搭建基於webpack的單頁面 Vue 應用

1、配置 node.js 環境

一、在官網 https://nodejs.org/en/download/ 下載安裝電腦對應的版本。注：不要安裝8.0.0以上的版本，與vue-cli不兼容。
二、配置nodejs環境，百度查閱。
三、安裝配置完成後，打開cmd，運行 node -v，顯示版本號，安裝成功。

2、使用 cnpm 管理依賴

一、使用 node 自帶的包管理工具 npm 管理項目中的依賴，因爲 npm 的服務器在國外。常常會遇到速度奇慢或者下載不下來依賴的狀況，因此推薦使用淘寶鏡像。

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

這樣就可使用 cnpm 代替 npm 執行命令了。
二、全局安裝 vue-cli 模塊，之後再使用時不須要重複安裝。

cnpm install vue-cli -g

三、執行 vue -V（此處是大 V），顯示版本號，安裝成功。

3、建立項目

一、到項目所在根目錄下，按住 shift + 鼠標右鍵，可快速打開當前目錄的 cmd ，執行代碼，建立項目。

vue init webpack <project name>　　　　　//前面五項直接回車

等待安裝完成。

4、運行項目

一、咱們已經創建好了本身的項目，可是尚未初始化

cd <project name>　　　　　//進入項目中
cnpm install　　　　　　//初始化項目，安裝依賴

二、執行命令，運行項目

cnpm run dev

在瀏覽器中打開 localhost：8080 （以本身的項目爲準，此處是我本身的示例）

項目安裝成功，開啓 Vue 之旅吧✿☆✿☆✿！