五 獲取ip並預設瀏覽器開啟專案預覽

2021-10-09 12:14:47 字數 1168 閱讀 6037

預設瀏覽器開啟專案預覽

在此之前,在瀏覽器開啟專案,我們都需要,到資料夾去找 dist/index.html 直接開啟,啟動服務後,需要複製 http://localhost:8080 到瀏覽器開啟

在這裡,可以省去這些步驟,在啟動服務後,直接自動在預設瀏覽器開啟專案預覽

npm install opn chalk -d

const open = require('opn');//開啟瀏覽器

const chalk = require('chalk');// 改變命令列中輸出日誌顏色外掛程式

執行命令 npm start 檢視效果,頁面已經可以自動在瀏覽器開啟~

安裝相關外掛程式:

npm install ip -d

移動端開發時,當需要在手機上檢視效果時,需要通過區域網 ip 來訪問**,此時可以通過此外掛程式,智慧型獲取本機的區域網 ip,即使在公司或在家開發同一專案,都可智慧型獲取本機的區域網ip,而不用分別設定

更新 webpack.dev.conf.js 檔案,檔案頂部先引入該外掛程式

const ip = require('ip').address();

然後修改 webpack.dev.conf.js 檔案的 devserver 配置項

修改 src/index.js 檔案的內容,如下:

const path = require("path");

const htmlwebpackplugin = require('html-webpack-plugin');

const open = require('opn');//開啟瀏覽器

const chalk = require('chalk');// 改變命令列中輸出日誌顏色外掛程式

const ip = require('ip').address();

module.exports = ,

// webpack4.x 環境配置項

mode:"development",

// 外掛程式配置項

plugins: [

new htmlwebpackplugin(),

],// 開發服務配置項

devserver: :$`)

.then(() => :$ 已成功開啟`));

}).catch(err => );}}

}

安裝瀏覽器驅動並開啟瀏覽器

開啟ie瀏覽器 前乙個是固定引數,後乙個是ie驅動路徑 system.setproperty webdriver.ie.driver d broswer driver iedriverserver iedriverserver.exe webdriver driver new internetexp...

根據預設瀏覽器開啟網頁

前段時間做專案的時候遇到了乙個問題,用system.diagnostics.process.start url 方法開啟連線總是報錯,system.componentmodel.win32exception 系統找不到指定的檔案。除錯也沒弄出個所以然了,還好公司以前也有人遇到過這個問題,就給了我下面...

winform開啟瀏覽器,並定位瀏覽器顯示位置

開啟瀏覽器直接使用,process.start就能開啟,重新定位瀏覽器顯示的位置需要用到windows api中的movewindow介面 ps.arguments string.format new window url 一直重新開啟瀏覽器 ps.windowstyle processwindow...