Vuejs開發環境搭建及熱更新

1、安裝NPM

1.1最新穩定版本：

 

npm install vue

 

2、命令行工具安裝

國內速度慢，使用淘寶鏡像：

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

 

注意：之後使用npm的地方就替換成cnpm

 

一、全局安裝vue-vli

​    cnpm install -g vue-cli

 

二、建立一個基於webpack模板的新項目

vue init webpack my-project

 

輸入安裝命令後，稍等一會提示輸入：

2.1項目項目名稱：

2.2項目描述：

2.3做者：

2.4是否使用ESlint：（能夠選擇不須要，ESlint是一套語法檢查工具）

2.5是否須要單元測試：（能夠選擇不須要）

 

說明：

       webpack：項目類型，用webpack這套模板進行壓縮和打包。

       my-project：項目名稱。

三、安裝依賴

3.1進入項目：

cd my-project

 

3.2安裝依賴：

 

cnpm install

 

說明：

3.2.1會將依賴安裝到項目node_modules文件夾中。

3.2.2能夠使用cnpm命令，是由於webpack安裝好了相應依賴。

3.2.3 Package.json文件說明:

             主要包含:項目描述、相關依賴。

 

3.3運行項目：

 

cnpm run dev

 

經過訪問http://127.0.0.1:8080訪問運行起來的項目。

3、參考連接

Vuejs官網：https://cn.vuejs.org/v2/guide/installation.html

Taobao鏡像：http://npm.taobao.org/

 

注意：轉載請註明出處以及本文連接。