vue配置啟動(dòng)項(xiàng)目自動(dòng)打開瀏覽器方式
更新時(shí)間：2022年04月02日 11:14:45 作者：在養(yǎng)一只虎紋?
這篇文章主要介紹了vue配置啟動(dòng)項(xiàng)目自動(dòng)打開瀏覽器方式，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
vue配置啟動(dòng)項(xiàng)目自動(dòng)打開瀏覽器
1.找到項(xiàng)目中的config文件夾內(nèi)的index.js
里面有一個(gè)配置是autoOpenBrowser:false；
設(shè)置為true即可(或者全局搜索autoOpenBrowser設(shè)置為true)
2.打開package.json找到啟動(dòng)命令
npm run dev 跟npm run serve(這兩種命令都可以) 后面增加 --open
3.在根目錄下新建vue.config.js文件
vue.config.js代碼如下
module.exports = {
devServer:{
open:true
}
}
npm run dev運(yùn)行項(xiàng)目自動(dòng)打開瀏覽器
npm run dev運(yùn)行項(xiàng)目自動(dòng)打開瀏覽器設(shè)置自動(dòng)打開瀏覽器
// 各種設(shè)備設(shè)置信息 host: 'localhost', //主機(jī)名 port: 8080, // 端口號(hào)（默認(rèn)8080） autoOpenBrowser: false, //是否自動(dòng)打開瀏覽器 //想讓瀏覽器自動(dòng)打開，只需將false改為true即可，為防止端口號(hào)沖突，這里也可以隨意更改端口號(hào) autoOpenBrowser: true, //是否默認(rèn)打開瀏覽器,默認(rèn)是false，改為true即可
備注：vscode中綁定：
{
"terminal.integrated.shell.windows": "C:\\Program Files\\Git\\bin\\bash.exe"
}以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
詳解在Vue中使用TypeScript的一些思考(實(shí)踐)
這篇文章主要介紹了詳解在Vue中使用TypeScript的一些思考(實(shí)踐)，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-07-07
這篇文章主要介紹了VueRouter路由模式的用法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-06-06
最近小編在學(xué)習(xí)vue.js ,發(fā)現(xiàn)里面有好多好玩的東東，今天小編給大家分享Vue.js2.0中的變化，小編會(huì)在日后給大家持續(xù)更新的，感興趣的朋友參考下吧2017-10-10
vue如何動(dòng)態(tài)修改meta的title
這篇文章主要介紹了vue如何動(dòng)態(tài)修改meta的title，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-06-06
這篇文章主要介紹了使用vue打包時(shí)gzip壓縮的兩種方案小結(jié)，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-06-06
這篇文章主要介紹了Vuex總體案例詳解,本篇文章通過簡要的案例,講解了該項(xiàng)技術(shù)的了解與使用,以下就是詳細(xì)內(nèi)容,需要的朋友可以參考下2021-09-09
Vue實(shí)現(xiàn)頁面的局部刷新(router-view頁面刷新)
本文主要介紹了Vue實(shí)現(xiàn)頁面的局部刷新(router-view頁面刷新)，文中通過示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-12-12
本文主要介紹Vue.js中過濾器和自定義指令相關(guān)的知識(shí)點(diǎn)，包括過濾器的定義方式，和使用方法，以及自定義指令的概念和注冊(cè)方式。2021-05-05
跨域是指瀏覽器不能執(zhí)行其他網(wǎng)站的腳本,它是由瀏覽器的同源策略造成的,是瀏覽器對(duì)JavaScript實(shí)施的安全限制,下面這篇文章主要給大家介紹了關(guān)于Vite代理如何解決跨域問題的相關(guān)資料,需要的朋友可以參考下2023-03-03
總的來說這并不是一道難題，那為什么要拿出這道題介紹？拿出這道題真正想要傳達(dá)的是解題的思路，以及不斷優(yōu)化探尋最優(yōu)解的過程。希望通過這道題能給你帶來一種解題優(yōu)化的思路，Axios是一個(gè)開源的可以用在瀏覽器端和Node JS的異步通信框架，主要作用就是實(shí)現(xiàn)AJAX異步通信2023-02-02