使用VS Code运行前端代码

优质文章学习记录

— 3 min read
使用VS Code运行前端代码

文章目录

VS Code运行HTML文件

提示：这里可以添加本文要记录的大概内容：

但是我在使用VS Code和Hbuilder的不同是：

Hbuilder我记得是可以在菜单栏的“文件”→“新建”→“HTML5+项目”，填写项目名称、路径等信息后点击“完成”即可创建一个新项目

一、安装VS Code 配置插件

如何使用VS Code安装插件及VS Code上的常用插件点我查看

以前写HTML用的是Hbuilder，最近突然发现VS Code也不错，只需要安装open in browser插件即可

在这里插入图片描述

二、在电脑上新建文件夹

VS Code使用是在本地打开一个文件夹

先在电脑上新建个文件夹

在这里插入图片描述


打开VS Code
然后选择【文件】→【打开文件夹】，找到刚才新建的文件夹

在这里插入图片描述

随后点开该文件夹，再次右键选择【新建文件夹】
目的：做好文件分类

在这里插入图片描述

三、新建文件【名字.html】

然后要再右键新建文件【名字.html】使用
html文件图标会变成：<>
css文件图标会变成：#

请添加图片描述

四、运行.html文件

进入页面输入：html:5回车，我们大部分代码是写在body标签下的
下面是个简单的HTML页面展示：

在这里插入图片描述

在文件里面还有个自动保存代码的功能

在这里插入图片描述

VS Code运行VUE代码

Vue-cli脚手架

Read more

2026年AI编程工具全景图：GitHub Copilot vs Cursor vs Codeium，我如何选择？

2026年AI编程工具全景图：GitHub Copilot vs Cursor vs Codeium，我如何选择？

文章目录 * 前言 * 一、我的使用场景与测试环境 * 二、GitHub Copilot：全球生态标杆 * 核心优势实测 * 性能数据记录 * 鸿蒙开发适配度 * 三、Cursor：专家级重构利器 * 重构能力深度测试 * 多文件分析能力 * 四、Codeium：极致免费的性价比之选 * 免费策略的深度体验 * 响应速度实测 * 中文支持的优势 * 五、鸿蒙开发场景专项测试 * 测试1：ArkTS组件生成 * 测试2：分布式能力集成 * 测试3：性能优化建议 * 六、2026年价格策略对比 * 七、我的实际使用组合 * 工作日使用方案 * 具体工作流 * 效率提升数据 * 八、选择建议：根据你的场景决策 * 场景1：学生/初学者/零预算 * 场景2：前端/鸿蒙开发者 * 场景3：全栈/团队协作
双标通关指南：Paperzz 降重 / 降 AIGC 功能，精准适配知网维普 2026 最新检测体系

双标通关指南：Paperzz 降重 / 降 AIGC 功能，精准适配知网维普 2026 最新检测体系

Paperzz-AI官网免费论文查重复率AIGC检测/开题报告/文献综述/论文初稿paperzz - 降重/降AIGChttps://www.paperzz.cc/weight 在 2026 年本科、研究生论文审核季，学术检测迎来了 “双重严管” 时代 —— 知网、维普相继更新 AIGC 检测算法（知网 2.13 严审版、维普 2.6 严审版），重复率与 AIGC 率双指标成为论文通过的 “生死线”。不少同学陷入两难：AI 辅助写作提高了效率，却留下明显生成痕迹；手动降重耗时耗力，还容易破坏学术逻辑。 针对这一核心痛点，Paperzz 全新升级的降重 / 降 AIGC 功能，以 “精准适配最新检测算法” 为核心，打造了智能降重、

AI_NovelGenerator：智能写作终极指南，一键生成万字小说

AI_NovelGenerator：智能写作终极指南，一键生成万字小说 【免费下载链接】AI_NovelGenerator使用ai生成多章节的长篇小说，自动衔接上下文、伏笔 项目地址: https://gitcode.com/GitHub_Trending/ai/AI_NovelGenerator 你是否曾经为创作长篇小说而苦恼？构思复杂的世界观、设定鲜活的人物角色、保持故事的前后连贯性...这些创作难题现在有了完美的解决方案！AI_NovelGenerator作为一款革命性的自动小说生成工具，融合了最先进的大语言模型技术，让每个人都能轻松成为小说创作者。 🎯 3步快速上手：从零开始创作你的第一部小说 第一步：环境准备与项目安装 * 确保Python 3.9+运行环境 安装项目依赖： cd AI_NovelGenerator && pip install -r requirements.txt 克隆项目到本地： git clone https:
夸克网盘免费资源电子书籍安卓软件经典游戏音乐歌曲精品教程AI绘画学习资料合集

夸克网盘免费资源电子书籍安卓软件经典游戏音乐歌曲精品教程AI绘画学习资料合集

一、夸克网盘免费资源说明 夸克网盘免费资源，来自全网整理二次精选，涵盖了几乎所有资源类型，网盘资源目录的分享链接，仅限一级目录和二级目录，一级目录是网盘资源的根目录，包括电子书籍、软件资源、游戏资源、视频资源、音乐音频、美食技术和学习资料等，二级目录是一级目录的子目录，均为资源专题形式，比如，Kindle原版书籍合集、U盘车载音乐歌曲、DeepSeek全套资源、全网专业摄影书籍、TikTok全球解锁版本、IOS巨魔专用资源、TED演讲视频合集、剪映教学全套资源、全网热门漫画精选，等等，相信其中会有你所需要的。 特别说明： 1、夸克网盘与百度网盘不同，不仅支持查看分享链接的资源大小，而且支持在分享链接页面里搜索资源，可以查询其中是否有你所需要的。 2、夸克官方一直都有福利活动，新用户可以免费领取1TB空间，具体操作方法请查看文本文件（在分享链接里）。 3、一级目录《全网精选2000T优质资料》，提供了很有价值的海量夸克资源，分享链接存放在电子表格里，整个目录大小只有9.7M，建议转存收藏。 二、夸克网盘一级目录资源 电子书籍+