Vuejs開發環境搭建及熱更新

NewCode發表於2018-09-07

一、安裝NPM

1.1最新穩定版本:

 

npm install vue

 

二、命令列工具安裝

國內速度慢,使用淘寶映象:

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

 

注意:以後使用npm的地方就替換成cnpm

 

1、全域性安裝vue-vli

    cnpm install -g vue-cli

 

2、建立一個基於webpack模板的新專案

vue init webpack my-project

 

輸入安裝命令後,稍等一會提示輸入:

2.1專案專案名稱:

2.2專案描述:

2.3作者:

2.4是否使用ESlint:(可以選擇不需要,ESlint是一套語法檢查工具)

2.5是否需要單元測試:(可以選擇不需要)

 

說明:

       webpack:專案型別,用webpack這套模板進行壓縮和打包。

       my-project:專案名稱。

3、安裝依賴

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訪問執行起來的專案。

三、參考連結

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

Taobao映象:http://npm.taobao.org/

 

注意:轉載請註明出處以及本文連結。

相關文章