一、安裝前說明

環境依賴：node.js；

vue官方腳手架：vue-cli；

包管理工具：npm

模組化打包工具：webpack

安裝node.js會預設安裝npm，vue-cli依賴npm來安裝。

二、安裝 node.js

安裝node.js可以直接從官網下載安裝，基本是一直點下一步即可。

安裝完成後檢視node版本：node  -v

安裝完成後檢視npm版本：npm  -v

三、建立專案

選擇webpack作為打包工具，初始化專案，專案名是front-project。安裝過程按照提示填寫相關配置（預設按Enter鍵即可），這些配置最終會寫到專案的package.json並且安裝相關模組。

E:\Tool>vue init webpack front-project

建立好的專案的結構：

專案結構說明可以參考菜鳥教程：

四、執行專案

進入到專案裡面，然後執行命令：

npm run dev

或者進入到專案裡面，然後執行命令（指定埠）：

PORT=8090 npm run dev