讲师中心 微信公众号
首页
文章
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 自媒体 新闻
专题
后端开发 web前端 数据库 开发工具 php框架 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 新闻
AI工具
AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 Prompt指令
学习
大前端 后端开发 数据库 移动端 运维开发 计算机基础
编程手册
大前端 后端开发 数据库 移动端 运维开发 计算机基础
下载
js特效 网站源码 工具下载 类库下载 网站素材 学习资源 插件扩展 手机游戏
最近更新
首页 > 开发工具 > VSCode > 正文

VScode怎么创建HTML文件

王林
发布： 2020-02-20 16:50:55
原创
13387人浏览过

VScode怎么创建HTML文件

1、点击open folder：

c7d5b4e68c4d97a7a0af1d17b004e23.png

（推荐教程：vscode教程）

 2、选择目标文件夹，新建一个拓展名为html的文件：

f3cb162e5e36dbb3dff92383c629a46.png

立即学习“前端免费学习笔记（深入）”；

MediPro商贸信息网站系统
MediPro商贸信息网站系统

基于PHP+MYSQL开发，具有完善的企业、信息、产品、文章发布和管理功能，灵活的会员权限控制和会员管理系统，灵活的可视化模版引擎，HTML静态页面生成和多语言支持，丰富的网站辅助工具，用于创建行业商贸信息网站、地方商贸信息门户网站。v5.1版本增加了多项功能,支持了PHP5+MYSQL5环境,前台网站插件开放源码,更利于个性化的商贸网站开发。主要功能模块：企业名录系统 - 企业介绍发布和企业名录

MediPro商贸信息网站系统 1
查看详情 MediPro商贸信息网站系统

3、在第1行输入!（英文状态下），按tab键，新建成功。界面如下图所示：

8c103db6b4240aaa43d53df8c8fc7bb.png

更多编程相关内容，请关注php中文网编程入门栏目！

以上就是VScode怎么创建HTML文件的详细内容，更多请关注php中文网其它相关文章！

相关标签：
vscode html

大家都在看：

HTML速学教程(入门课程)
HTML速学教程(入门课程)

HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！

下载
来源：php中文网
收藏 点赞
上一篇：vscode开启代码提示功能 下一篇：vscode怎么在浏览器打开html文件
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
作者最新文章
最新问题
VSCode中的多光标编辑神技，让你效率倍增 VSCode多光标编辑是高效实用功能：①Alt/Option+点击自由添加光标；②Ctrl+D智能逐词选中；③Ctrl+Shift+L按行拆分选区；④Ctrl+Alt+↑/↓纵向增光标，大幅提升批量编辑效率。
2025-12-16 08:52:03
126
VSCode面包屑导航：让你在复杂代码结构中不再迷失 VSCode面包屑是显示代码语义层级的导航栏，默认开启但可能被隐藏；它位于编辑器顶部，展示目录、文件、声明及嵌套结构，支持点击跳转、右键查定义/引用、Ctrl+Click预览。
2025-12-16 08:33:08
440
Vue开发者VSCode环境搭建与插件推荐 Vue开发者用VSCode搭建高效开发环境的核心是：安装Node.js（LTS版并配置PATH）、全局安装@vue/cli或使用npmcreatevue@latest创建项目、必装Volar/ESLint/Prettier等插件并禁用Vetur，半小时内可运行首个.vue文件。
2025-12-16 08:31:44
349
VSCode中的文件关联（File Associations）设置方法详解 VSCode文件关联通过files.associations设置扩展名与语言模式的映射，支持通配符和多级配置（工作区/用户级），可提升语法高亮等体验；需使用正确languageID（如markdown），设置后即时生效。
2025-12-16 08:24:02
536
VS Code Dev Containers高级技巧：devcontainer.json深度解析 devcontainer.json是VSCodeDevContainers的核心配置文件，以声明式方式定义开发环境，支持镜像选择、工具安装、端口转发、扩展预置、权限控制及多容器协作。
2025-12-16 08:12:07
537
使用VSCode的GitLens插件，深入了解代码历史 GitLens是VSCode中强大的Git增强插件，支持行级提交查看、文件版本对比、函数/类粒度变更追溯及可视化提交图谱，将Git元数据深度集成至编辑器，提升代码溯源与协作效率。
2025-12-16 08:08:03
482
VSCode中的Git集成：暂存、提交与分支管理 VSCode内置Git支持实现轻量直观的版本控制操作。通过SCM视图与状态栏联动，可暂存文件（单个/全部/右键）、提交代码（填信息+快捷键，可选推送）、管理分支（切换、新建、删除、拉取），90%日常操作无需终端。
2025-12-16 08:07:02
585
VSCode调试Node.js应用程序终极指南 VSCode调试Node.js需掌握launch.json配置与三种模式：基础launch、attach已运行进程、nodemon热重载。关键字段包括type、request、program、port等，配合断点与sourceMap可高效定位问题。
2025-12-16 08:04:31
712
VSCode教育版：为教学和学习编程量身打造 VSCode教育版是基于标准版VSCode通过配置插件、主题、设置及教学资源优化的教学方案。它轻量免费跨平台，预装Python、LiveServer、CodeRunner等插件，简化界面、统一工作区配置，并集成TODOHighlight等反馈机制，核心在于减少干扰、固化习惯、加速反馈。
2025-12-16 08:02:03
828
VSCode中拖放文件的隐藏技巧 VSCode拖放文件有三大高效用法：拖至资源管理器空白区自动定位并展开目录；拖至已打开编辑器标签页中央直接替换内容；跨窗口拖放支持复制（默认）或移动（按Shift）。
2025-12-16 08:00:15
123
相关专题
更多>
热门推荐
开源免费商场系统广告
热门教程
更多>
相关推荐
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • PHP学习

  • 技术支持

  • 返回顶部