1. 程式人生 > >快速搭建vue+webpack開發環境

快速搭建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 即可執行專案,下圖表示執行成功