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, // 端口號（默認8080） autoOpenBrowser: false, //是否自動打開瀏覽器 //想讓瀏覽器自動打開，只需將false改為true即可，為防止端口號沖突，這里也可以隨意更改端口號 autoOpenBrowser: true, //是否默認打開瀏覽器,默認是false，改為true即可
備注：vscode中綁定：
{
"terminal.integrated.shell.windows": "C:\\Program Files\\Git\\bin\\bash.exe"
}以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
在本教程中，我們將探討如何在瀏覽器中使用 JavaScript 庫來操作圖片，為服務(wù)器上的存儲做準備，并在 Web 程序中使用。我們將使用 Vue.js 而不是原生 JavaScript來完成此操作,需要的朋友可以參考下2019-06-06
vue函數(shù)input輸入值請求時延遲1.5秒請求問題
這篇文章主要介紹了vue函數(shù)input輸入值請求時延遲1.5秒請求問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-04-04
這篇文章主要介紹了vue2中如何使用swiper@5.4.5問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2023-12-12
這篇文章主要介紹了基于vue實現(xiàn)探探滑動組件功能,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2020-05-05
這篇文章主要介紹了如何修改vuex里面的數(shù)據(jù)問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2025-04-04
這篇文章主要介紹了詳解從Vue-router到html5的pushState，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-07-07
本文主要介紹了Vue中接收二進制文件流實現(xiàn)pdf預覽的方法，文中通過示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-12-12
這篇文章主要給大家介紹一下vue實現(xiàn)在頁面上添加水印的實例,文中有詳細的代碼示例供大家參考,具有一定的參考價值,感興趣的小伙伴跟著小編一起來看看吧2023-12-12
這篇文章主要介紹了使用vue-router切換組件時使組件不銷毀問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-09-09
VsCode工具開發(fā)vue項目必裝插件清單(推薦!)
對于很多使用vscode編寫vue項目的新手同學來說,可能不知道使用什么插件,下面這篇文章主要給大家介紹了關(guān)于VsCode工具開發(fā)vue項目必裝插件的相關(guān)資料,文中通過圖文介紹的非常詳細,需要的朋友可以參考下2022-09-09