Vuejs開發環境搭建及熱更新


一、安裝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/

 

注意:轉載請注明出處以及本文鏈接。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM