VUE的開(kāi)發(fā)環(huán)境如何部署？

具體看使用，如果你單純把vue當(dāng)一個(gè)js插件來(lái)使用的話，很簡(jiǎn)單直接引入即可：

<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

如果是想把vue當(dāng)作一個(gè)前端框架來(lái)使用的話，推薦使用webpack,而Vue已經(jīng)提供一套腳手架Vue CLI，接下來(lái)我就說(shuō)說(shuō)怎么在Windows下搭建Vue的開(kāi)發(fā)環(huán)境：

1. 安裝node，安裝完node以后，會(huì)連 npm一起安裝，安裝過(guò)程很簡(jiǎn)單，可以直接去node.js官網(wǎng)上下載，然后解壓，會(huì)得到一個(gè).exe文件，直接雙擊運(yùn)行即可。

安裝完成以后分別檢查一下node和npm的版本。

檢查node

結(jié)果如下：

檢查npm

結(jié)果如下：

可以考慮使用淘寶進(jìn)行加速 NPM ：

2. 使用Vue提供的腳手架vue cli安裝vue的webpack環(huán)境

全局安裝vue cli

然后創(chuàng)建項(xiàng)目

安裝完成以后會(huì)創(chuàng)建一個(gè)my-project項(xiàng)目，目錄結(jié)構(gòu)如下：

在my-project目錄下輸入 npm install 安裝依賴，安裝完成以后輸入npm run dev 運(yùn)行項(xiàng)目，在瀏覽器中輸入localhost：8080訪問(wèn)項(xiàng)目即可看到初始頁(yè)面：