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

vscode怎么快速新建html页面

藏色散人
发布： 2020-04-03 09:11:56
原创
4225人浏览过

vscode怎么快速新建html页面

vscode怎么快速新建html页面？

一、快速编辑

推荐学习：vscode教程

新建一个html文件

首行输入 !  回车

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

dc38fb0ff542a2d943027b1c2452d0d.png

二、运行html界面

安装插件

小爱开放平台
小爱开放平台

小米旗下小爱开放平台

小爱开放平台 291
查看详情 小爱开放平台

1、open in browers

alt+b 运行html文件

alt+shift+b切换不同浏览器运行

039413a148f3232811eb712c2304270.png

运行结果

5899f483ccbd293e5a44fa6ce4d2c92.png

以上。

以上就是vscode怎么快速新建html页面的详细内容，更多请关注php中文网其它相关文章！

相关标签：
vscode

大家都在看：

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

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

下载
来源：php中文网
收藏 点赞
上一篇：vscode tab相当于几个空格 下一篇：vscode怎么释放注释
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
作者最新文章
最新问题
VSCode中的SCSS/Sass自动编译配置指南 VSCode需借助插件实现SCSS保存即编译：推荐LiveSassCompiler插件，安装后配置formats、savePath等参数即可自动监听编译；或手动配置tasks.json调用全局sassCLI实现定制化监听。
2025-12-16 00:07:11
872
提升代码质量：在VSCode中集成ESLint和Prettier 在VSCode中集成ESLint和Prettier可自动检查代码规范、统一格式并实时提示问题；需安装对应扩展和依赖，配置.eslintrc.js和.prettierrc文件，并在settings.json中启用保存时自动格式化与修复。
2025-12-15 21:02:02
401
VSCode的Git Blame功能：快速查看每行代码的作者 VSCode内置GitBlame支持内联显示每行作者、提交简写和时间，Alt/Option+Click可查看完整提交详情；GitLens插件可增强为侧边栏blame栏、diff对比、blameonsave等功能。
2025-12-15 20:59:03
961
Import Cost插件：实时查看导入包的大小 ImportCost插件在编辑时实时显示import模块的gzip预估体积（如“≈4.2KB”），基于esbuild等轻量分析逻辑快速估算，支持ES/CSM、动态导入及别名路径，但不替代构建分析工具。
2025-12-15 20:58:02
137
VSCode的“Code Runner”插件：一键运行多种语言代码 CodeRunner插件支持Python、JavaScript等主流语言开箱即用，按Ctrl+Alt+N即可运行；需系统已安装对应环境；可配置输出位置、自动保存、清空历史及自定义命令；注意文件名、类名匹配和环境PATH问题。
2025-12-15 20:56:03
913
探索VSCode中隐藏的实用功能 VSCode内置多项高效“暗功能”：右键支持行级操作与多行移动；Alt+拖动实现列选择；双击侧边栏重命名文件；终端右键提供命令复用；Minimap支持导航与多重光标；行号旁点击设断点；搜索支持语义通配与跨文件引用；设置同步按设备差异化备份。
2025-12-15 20:52:02
570
为VSCode配置自定义代码片段文件 在VSCode中配置自定义代码片段需创建JSON格式的.code-snippets文件，通过命令面板选择全局或语言专属方式生成，编写含prefix、body、description的规范片段，保存后即时生效，支持占位符跳转与跨平台同步。
2025-12-15 20:49:02
145
VSCode中的PowerShell脚本编写与调试环境 在VSCode中调试PowerShell脚本需安装官方PowerShell扩展、确保本地安装PowerShell7.x或WindowsPowerShell、通过F5启动调试并设断点，遇执行策略问题运行Set-ExecutionPolicyRemoteSigned-ScopeCurrentUser即可。
2025-12-15 20:47:02
949
新手必看：VSCode界面核心功能全解析 VSCode界面分五区域：左侧活动栏切换视图，顶部菜单与命令面板执行功能，编辑区支持多光标与右键上下文操作，底部状态栏显示并可快速修改编码、换行符、缩进等设置。
2025-12-15 20:44:02
519
为VSCode配置自定义全局代码片段文件 VSCode全局代码片段需将JSON文件置于指定用户snippets目录，命名如global.json实现全语言生效；文件内以prefix触发、body定义代码模板、description提供提示，保存后重载窗口即可使用。
2025-12-15 20:31:18
105
相关专题
更多>
热门推荐
开源免费商场系统广告
热门教程
更多>
相关推荐
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

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

  • PHP学习

  • 技术支持

  • 返回顶部