基於webpack的Vue.js開發環境快速搭建

1. 安裝node

node下載地址

 

2. 安裝淘寶 NPM

npm 是node.js 的包管理工具。

鏡像命令地址

#命令行： npm install -g cnpm

3. 安裝vue

# 全局安裝 vue-cli

#命令行： cnpm install -g vue-cli

4. 建立一個基於 "webpack" 模板的新項目

#建立一個項目文件夾，在文件夾下shift + 右鍵，選擇在此處打開cmd

#命令行：vue init webpack

5. 安裝依賴

#安裝依賴

#命令行：cnpm install

#安裝完畢後，在項目路徑下多出了依賴包。

6. 運行項目

#運行項目

#命令行：cnpm run dev

運行成功，默認8080 端口。

若是須要修改端口，進入目錄下config文件夾，找到index.js文件，修改port。

修改端口號後在cmd中輸入ctrl + c中止項目，重啓項目後就修改爲功了。