一、选择浏览器
在Vscode中运行HTML文件需要选定一个浏览器作为运行平台，首先要在Vscode扩展市场中搜索并安装名为”open in browser”的插件
安装好插件后，在打开HTML文件后便能看到在右上角选择的浏览器按钮，点击按钮即可打开选定浏览器并在其中运行HTML文件
二、Vscode如何运行HTML文件
在不选择浏览器的情况下，Vscode也提供了快捷键让我们可以直接在默认浏览器中打开HTML文件
首先我们需要在HTML文件中右键选择”Open with Live Server”,那么在我们选择默认浏览器并运行之后，即可实现HTML文件的实时预览。
三、Vscode如何运行HTML项目
在Vscode中，我们可以通过安装插件来实现对于HTML项目的运行。首先，我们可以安装插件”Live Server”，在打开HTML项目后，点击右下角的”Go Live”即可在当前默认浏览器中预览所打开的HTML项目。
四、Vscode如何实时运行HTML文件
“Live Server”插件不仅可以帮助我们实现HTML项目的运行，也可以实现HTML文件的实时运行。只需要在HTML文件中右键选择”Open with Live Server”，那么在我们的编辑过程中，即可实现HTML文件的实时预览
五、Vscode如何运行Vue项目
对于Vue项目，我们同样可以通过安装Vue.js插件来进行实时预览，只需要在打开Vue文件后，右键选择”Open in default browser”，即可在选定的浏览器中运行Vue项目，并实现实时预览。
六、Vscode如何创建HTML文件
1. 在左侧资源管理器中选择你要创建HTML文件的工作区 2. 右键单击要添加的文件夹，然后选择 New File 3. 输入文件名字，例如page.html，并按下回车键 4. 新文件将在编辑器中自动打开，写入相应的HTML代码即可。
七、Vscode运行HTML网页
在Vscode中，我们可以通过终端来运行HTML文件。在所选HTML文件夹中启动终端，输入命令python -m http.server，启动内置http服务，然后在浏览器中输入localhost:8000(端口改变根据实际情况更改)即可启动HTML文件。
八、Vscode如何调试HTML
在Vscode中，我们可以通过调试功能来调试HTML文件，调试所需的配置文件launch.json可以自动生成，只需要在Vscode中创建文件夹【.vscode】，并在其中创建文件【launch.json】即可。然后我们可以在debug栏中添加断点，对所需代码进行调试。
原创文章，作者：小蓝，如若转载，请注明出处：https://www.506064.com/n/308311.html
微信扫一扫 
支付宝扫一扫 