正文

vscode怎么運(yùn)行網(wǎng)頁（vscode運(yùn)行網(wǎng)頁插件）

發(fā)布時(shí)間：2023-03-13 09:43:40 稿源：創(chuàng)意嶺閱讀： 104 問大家

大家好！今天讓創(chuàng)意嶺的小編來大家介紹下關(guān)于vscode怎么運(yùn)行網(wǎng)頁的問題，以下是小編對(duì)此問題的歸納整理，讓我們一起來看看吧。

ChatGPT國(guó)內(nèi)免費(fèi)在線使用，一鍵生成原創(chuàng)文章、方案、文案、工作計(jì)劃、工作報(bào)告、論文、代碼、作文、做題和對(duì)話答疑等等

只需要輸入關(guān)鍵詞，就能返回你想要的內(nèi)容，越精準(zhǔn)，寫出的就越詳細(xì)，有微信小程序端、在線網(wǎng)頁版、PC客戶端

官網(wǎng)：https://ai.de1919.com

本文目錄:

1、vscode怎么運(yùn)行代碼怎么操作
2、VSCode中代碼在瀏覽器中打開及實(shí)時(shí)刷新
3、VScode 打開頁面 localhost 的方法
4、vscode 用瀏覽器打開頁面

vscode怎么運(yùn)行網(wǎng)頁（vscode運(yùn)行網(wǎng)頁插件）

一、vscode怎么運(yùn)行代碼怎么操作

1、我們打開了一個(gè)腳本文件,希望直接執(zhí)行這個(gè)腳本文件,就可以打開命令面板,運(yùn)行 “在活動(dòng)終端中運(yùn)行活動(dòng)文件”(Run Active File In Active Terminal),這樣這個(gè)腳本就會(huì)在當(dāng)前打開的集成終端中運(yùn)行了?！?/p>

2、我們也可以選中編輯器中的某段代碼，然后打開命令面板，運(yùn)行“在活動(dòng)終端中運(yùn)行所選文本”（Run Selected Text In Active Terminal），這段代碼就會(huì)在終端中執(zhí)行。

二、VSCode中代碼在瀏覽器中打開及實(shí)時(shí)刷新

在vscode擴(kuò)展中搜索“view in browser”插件并點(diǎn)擊安裝，點(diǎn)擊資源管理器選中當(dāng)前文件右鍵選擇“View In Browser”即可在默認(rèn)瀏覽器中打開頁面。

在項(xiàng)目目錄下運(yùn)行命令：

方法：

以上兩種方法實(shí)現(xiàn)的效果和原理相同，都可后臺(tái)運(yùn)行，按下快捷鍵“control+c”退出當(dāng)前運(yùn)行進(jìn)程。

裝Live HTML Previewer插件，點(diǎn)擊頁面左下角Preview Available。

注意： 有了livereload可以不需要裝“view in browser”插件。

三、VScode 打開頁面 localhost 的方法

在vscode里寫html引入js和less之后直接打開發(fā)現(xiàn)并不能正常顯示，

或者用layui的表格請(qǐng)求本地的json數(shù)據(jù)的時(shí)候報(bào)錯(cuò)：

Access to XMLHttpRequest at ‘file:///Users/…’ from origin ‘null’ has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https.

這樣的錯(cuò)誤。

在安裝 vs code 和 node.js的前提下：

在命令符中輸入 npm install -g live-server 進(jìn)行安裝，

安裝成功后在vscode里 “查看” - “集成終端”或者文件夾命令提示符里面輸入 live-server ，

等待瀏覽器會(huì)自動(dòng)打開 http://127.0.0.1:8080/ 這個(gè)端口，

四、vscode 用瀏覽器打開頁面

vscode用瀏覽器打開頁面，需要安裝 open in browser 插件

點(diǎn)擊拓展 → 搜索open in browser → 安裝插件

以上就是關(guān)于vscode怎么運(yùn)行網(wǎng)頁相關(guān)問題的回答。希望能幫到你，如有更多相關(guān)問題，您也可以聯(lián)系我們的客服進(jìn)行咨詢，客服也會(huì)為您講解更多精彩的知識(shí)和內(nèi)容。