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

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

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

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

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

本文目錄:

• 1、vscode怎么運行代碼 怎么操作

• 2、VSCode中代碼在瀏覽器中打開及實時刷新

• 3、VScode 打開頁面 localhost 的方法

• 4、vscode 用瀏覽器打開頁面

一、vscode怎么運行代碼 怎么操作

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

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

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

在vscode擴展中搜索“view in browser”插件并點擊安裝，點擊資源管理器選中當前文件右鍵選擇“View In Browser”即可在默認瀏覽器中打開頁面。

在項目目錄下運行命令：

方法：

以上兩種方法實現(xiàn)的效果和原理相同，都可后臺運行，按下快捷鍵“control+c”退出當前運行進程。

裝Live HTML Previewer插件，點擊頁面左下角Preview Available。

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

三、VScode 打開頁面 localhost 的方法

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

或者用layui的表格請求本地的json數(shù)據(jù)的時候 報錯：

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.

這樣的錯誤。

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

在命令符中輸入 npm install -g live-server 進行安裝，

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

等待瀏覽器會自動打開 http://127.0.0.1:8080/ 這個端口，

四、vscode 用瀏覽器打開頁面

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

點擊拓展 → 搜索open in browser → 安裝插件

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

推薦閱讀：

平面設計vs室內(nèi)設計

ChatGPT和微軟的關(guān)系（微軟 vs）

vscode官網(wǎng)下載教程（vscode下載網(wǎng)址）

圖片自動加logo

怎么添加自己小店商品（怎么添加自己小店商品櫥窗）