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