当前位置: 首页 > 软件教程 > 如何使用Visual Studio Code创建HTML项目

如何使用Visual Studio Code创建HTML项目

发布时间:2024-09-30 03:06:32 作者:001资源网 阅读:0次

VSCode是一款非常受欢迎的开源代码编辑器,它支持多种编程语言和框架。如果你是一个Web开发者,那么你一定需要VSCode来帮助你开发HTML项目。接下来,我们将详细介绍如何在VSCode中创建HTML项目。

《Visual Studio Code》创建html项目

《Visual Studio Code》创建html项目

1、点击菜单【文件】,如图所示。

《Visual Studio Code》创建html项目

2、点击【新建文件】,如图所示。

《Visual Studio Code》创建html项目

3、就会创建一个没有命名的文件,如图所示。

《Visual Studio Code》创建html项目

4、点击选择语言开始,会弹出选择语言模式,在自动检测的下拉菜单中选择html,一个没有命名的html文件就创建好了。

《Visual Studio Code》创建html项目

5、点击保存或者另存为,给没有命名的html起个名字,可以起字母,数字,中文,起好名字,点击保存,一个html文件就创建好了。

《Visual Studio Code》创建html项目

6、我们在html文件上输入【!】叹号(在英文状态下),然后按键盘的【Tab】键,只有在这种情况下按住Tab键才有用,如图所示。

《Visual Studio Code》创建html项目

7、按住tab键后,系统生成的html文件,如图所示。

《Visual Studio Code》创建html项目

《Visual Studio Code》创建html项目

微软《VS Code》1.92版本发布:新增网页默认浏览器选择功能,开发者体验再度升级

近日消息,微软刚刚为Visual Studio Code发布了1.92版本的重大更新,其中最引人注目的新特性是增加了“默认浏览器”设置,让用户能更加灵活地选择预览代码或文档时所使用的浏览器。

微软《VS Code》1.92版本发布:新增网页默认浏览器选择功能,开发者体验再度升级

此外,这次更新还对用户界面进行了多项优化,提高了用户体验;同时,扩展插件的自动更新机制得到了改进,确保开发者能及时获得最新的工具更新;配置文件管理也更加便捷高效,进一步简化了开发者的日常工作流程。

相关更新主要亮点如下:

界面改进

用户现在可以将终端、输出面板和调试控制台面板移动到编辑器区域上方,只需要右键窗口,选择“Panel Position”选项即可切换面板位置。

配置文件编辑器改进

微软在该版本中对配置文件编辑器进行改进,用户可以快速使用编辑器覆盖调整现有配置文件。

扩展插件自动更新改进

用户现在可以在设置中一次性启用或禁用所有扩展插件的自动更新。当用户使用 VSIX 安装扩展插件时,相关插件的自动更新将默认被禁用。

支持选择默认浏览器

微软引入了一项“workbench.externalBrowser”配置,允许用户选择 VS Code 默认调用的浏览器,用户可以直接在配置中输入“Edge”、“Chrome”或“ Firefox”来切换不同的浏览器。

渝ICP备20008086号-39 违法和不良信息举报/未成年人举报:linglingyihcn@163.com

CopyRight©2003-2018 违法和不良信息举报(12377) All Right Reserved