快速搭建vue+webpack開發環境

1.安裝node.js與npm

首先，你需要安裝node.js與npm,如果沒有安裝，可以去官網安裝，node.js官網地址：https://nodejs.org/en/，一般node.js都自帶npm。安裝完node.js後，在終端輸入node -v以及npm -v查看是否安裝成功，如果出現版本號，即表示安裝成功，如下圖：

 2.安裝webpack

在終端輸入：npm install -g webpack

3.全局安裝vue-cli

在終端輸入：npm install --global vue-cli 

4.創建一個基於webpack模板的項目

在終端輸入：vue init webpack my-project，注意：my-project爲文件名，文件名只能小寫。

命令執行完後，在my-project文件夾裏會有以下文件：

5.安裝依賴

進入my- project文件夾，在終端輸入cd my- project,然後在終端輸入npm install.

6.運行項目

在終端輸入 npm run dev 即可運行項目，下圖表示運行成功

在瀏覽器輸入http://localhost:8080會出現頁面，項目搭建完畢！