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

?

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

本文轉載于:猿2048https://www.mk2048.com/blog/blog.php?id=1kikaa&title=Vuejs開發環境搭建及熱更新

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的Vuejs开发环境搭建及热更新的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。