使用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 最新 OpenClaw 企业微信 AI 机器人对接全流程教程｜可复现实操 + 全场景避坑指南

2026 最新 OpenClaw 企业微信 AI 机器人对接全流程教程｜可复现实操 + 全场景避坑指南

随着 AI Agent 技术在企业办公场景的落地，OpenClaw 作为轻量开源的 AI 智能体框架，成为了众多团队搭建企业微信自动化机器人的首选方案。无论是内部办公的智能问答助手、客户运营的智能客服，还是跨系统的定时消息推送、业务流程自动化处理，OpenClaw 都能提供灵活的能力支持。 但在实际开发部署中，不少开发者都会遇到技术卡点：官方英文文档对新手不友好、webhook 回调签名校验门槛高、企业微信权限配置逻辑复杂，很容易出现对接失败、消息收不到、机器人不回复、服务重启后配置失效等问题，很多人反复调试数天都无法完成稳定对接。 本文是我经过多轮实测、踩坑无数整理的 2026 最新稳定版对接教程，从后台配置、代码编写到排障逻辑，每一步都有可落地的操作指引，哪怕你是刚接触 OpenClaw 的零基础新手，跟着步骤也能一次对接成功。 如果你不想手动修改配置文件、反复调试回调接口、处理复杂的企业微信权限逻辑，也可以直接使用 OpenClaw 国产平替EasyClaw，它内置了企业微信原生一键对接能力，无需修改一行代码、无需手动调试回调地址，全中文可视化界面操作，最快 10 分钟就能
XIlinx FPGA使用LVDS的电源与电平关键指南

XIlinx FPGA使用LVDS的电源与电平关键指南

针对 7 Series, UltraScale, UltraScale+ FPGAs 以及 MPSoC 器件使用 LVDS 的注意事项： 1. 适用范围 * 器件系列：7 Series, UltraScale, UltraScale+, Zynq UltraScale+ MPSoC。 * 涉及 IO 类型：High Performance (HP) Banks, High Range (HR) Banks, High Density (HD) Banks。 2. 电源电压 (VCCO) 与 输入/输出 的限制 这是该指南的核心内容，根据 Bank 类型和是用作输入还是输出，规则有所不同： A. LVDS

FPGA实现HDMI输出完全攻略：从接口原理到4K显示全流程（附代码模板+调试技巧）

FPGA实现HDMI输出完全攻略：从接口原理到4K显示全流程（附代码模板+调试技巧） 📚 目录导航 文章目录 * FPGA实现HDMI输出完全攻略：从接口原理到4K显示全流程（附代码模板+调试技巧） * 📚 目录导航 * 概述 * 一、HDMI基础概念 * 1.1 HDMI接口介绍 * 1.1.1 HDMI接口历史与发展 * 1.1.2 HDMI接口引脚定义 * 1.1.3 HDMI版本对比 * 1.2 HDMI版本演进 * 1.2.1 HDMI 1.4特性 * 1.2.2 HDMI 2.0特性 * 1.2.3 HDMI 2.1特性