vue文件運(yùn)行的方法教學(xué)
vue文件怎么運(yùn)行呢？下面就跟小編一起來看一看吧。
1、首先，列出來我們需要的東西：
- node.js環(huán)境（npm包管理器）
- vue-cli 腳手架構(gòu)建工具
- cnpm npm的TB鏡像
2、如果你是用vue-cli webpack builid之后，
放到web服務(wù)器，訪問index.html就可以運(yùn)行了。
3、常見的web服務(wù)器有tomcat，nginx等。
推薦使用nginx。
4、在項(xiàng)目目錄中，運(yùn)行命令 npm run dev ，會(huì)用熱加載的方式運(yùn)行我們的應(yīng)用，熱加載可以讓我們?cè)谛薷耐甏a后不用手動(dòng)刷新瀏覽器就能實(shí)時(shí)看到修改后的效果。
5、這里簡(jiǎn)單介紹下 npm run dev 命令，其中的“run”對(duì)應(yīng)的是package.json文件中，scripts字段中的dev，也就是 node build/dev-server.js命令的一個(gè)快捷方式。
項(xiàng)目運(yùn)行成功后，瀏覽器會(huì)自動(dòng)打開localhost:8080（如果瀏覽器沒有自動(dòng)打開，可以手動(dòng)輸入）。
相關(guān)文章
用vue構(gòu)建多頁(yè)面應(yīng)用的示例代碼
這篇文章主要介紹了用vue構(gòu)建多頁(yè)面應(yīng)用的示例代碼，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-09-09
Vue-CLI 3 scp2自動(dòng)部署項(xiàng)目至服務(wù)器的方法
這篇文章主要介紹了Vue-CLI 3 scp2自動(dòng)部署項(xiàng)目至服務(wù)器的方法，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-07-07
Vue3組合式API中使用forwardRef()函數(shù)
本文主要介紹了Vue3組合式API中使用forwardRef()函數(shù)，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-06-06
這篇文章主要介紹了Vue.js之slot深度復(fù)制的相關(guān)資料，文中介紹的很詳細(xì)，對(duì)大家具有一定的參考價(jià)值，需要的朋友們來一起看看吧。2017-03-03
vue的.vue文件是怎么run起來的(vue-loader)
通過vue-loader，解析.vue文件，在webpack解析，拆解vue組件 ，本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值，需要的朋友參考下2018-12-12
解決vue一個(gè)頁(yè)面中復(fù)用同一個(gè)echarts組件的問題
這篇文章主要介紹了解決vue一個(gè)頁(yè)面中復(fù)用同一個(gè)echarts組件的問題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2020-07-07
解決vue單頁(yè)面應(yīng)用進(jìn)入頁(yè)面加載所有 js 的問題
這篇文章主要介紹了解決vue單頁(yè)面應(yīng)用進(jìn)入頁(yè)面加載所有 js 的問題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2020-08-08
Element-ui中的Cascader級(jí)聯(lián)選擇器基礎(chǔ)用法
這篇文章主要為大家介紹了Element-ui中的Cascader級(jí)聯(lián)選擇器基礎(chǔ)用法，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-06-06
這篇文章主要為大家詳細(xì)介紹了vue-hook-form的使用方法，以及如何安裝vue-hook-form，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-04-04
本篇文章給大家詳細(xì)分析了vue組件開發(fā)腳手架的相關(guān)內(nèi)容以及知識(shí)點(diǎn)，對(duì)此有興趣的朋友可以學(xué)習(xí)參考下。2018-06-06