使用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

Hunyuan-MT-7B部署实战教程：vLLM+OpenWebUI一键启动33语翻译服务

Hunyuan-MT-7B部署实战教程：vLLM+OpenWebUI一键启动33语翻译服务 1. 为什么这款翻译模型值得你花10分钟部署？ 你有没有遇到过这些场景： * 客户发来一封藏文合同，需要当天完成中藏互译，但市面上的在线工具要么不支持，要么翻得像机器硬译； * 团队在做跨境内容运营，要同时处理英、法、西、阿、日、韩、越、泰等十几种语言，反复切换不同平台，格式错乱、术语不统一； * 翻译一篇30页的技术白皮书，传统API调用被长度限制卡住，分段翻译后逻辑断裂，还得人工缝合。 Hunyuan-MT-7B 就是为解决这类真实问题而生的——它不是又一个“能跑就行”的开源翻译模型，而是真正面向工程落地设计的生产级工具。 它由腾讯混元团队于2025年9月开源，70亿参数规模，却只用一块RTX 4080（16GB显存）就能全速运行；支持33种语言双向互译，其中明确包含藏、蒙、维、哈、朝5种中国少数民族语言；在WMT2025国际翻译评测31个赛道中拿下30项第一；Flores-200基准测试里，英→多语准确率达91.1%，中→

2026年2月AI大语言模型评测全景：GPT-5.2与Claude 4.5的巅峰对决及国产模型崛起之路

摘要：2026年初，全球AI大语言模型竞争进入白热化阶段。本文基于权威评测数据和实际应用案例，深度剖析OpenAI GPT-5.2和Anthropic Claude 4.5两大旗舰模型的技术特性与性能表现，同时全面对比国内文心一言、通义千问、智谱GLM、DeepSeek等主流模型，为开发者和企业提供系统性的选型参考。文章涵盖模型架构创新、基准测试表现、实际应用场景、成本效益分析等多个维度，揭示2026年AI模型发展的最新趋势。由于国内无法使用官网，因此使用国内镜像站就可以合法使用国外高级模型。注册入口：AIGC BAR注册入口，注册需要邮箱然后将快速开始页面网址复制到电脑上保存至书签即可。     1 大模型竞争格局：2026年的新变局 2026年2月，AI大语言模型领域正经历着前所未有的技术迭代与市场重塑。在刚刚过去的2025年底，OpenAI发布了GPT-5.2系列，标志着其在经历Gemini 3冲击后的强势回归。而Anthropic在2025年9月推出的Claude Sonnet 4.5和11月发布的Claude Opus 4.5，则凭借出色的编程能力和智能体（A

前端WebSocket实时通信：别再用轮询了！

前端WebSocket实时通信：别再用轮询了！ 毒舌时刻 WebSocket？听起来就像是前端工程师为了显得自己很专业而特意搞的一套复杂技术。你以为随便用个WebSocket就能实现实时通信？别做梦了！到时候你会发现，WebSocket连接断开的问题让你崩溃，重连机制让你晕头转向。 你以为WebSocket是万能的？别天真了！WebSocket在某些网络环境下会被防火墙拦截，而且服务器的负载也是个问题。还有那些所谓的WebSocket库，看起来高大上，用起来却各种问题。 为什么你需要这个 1. 实时性：WebSocket提供全双工通信，可以实现真正的实时通信，比轮询更高效。 2. 减少网络流量：WebSocket只需要建立一次连接，减少了HTTP请求的开销。 3. 服务器推送：服务器可以主动向客户端推送数据，而不需要客户端轮询。 4. 低延迟：WebSocket的延迟比轮询低，适合实时应用。 5. 更好的用户体验：实时通信可以提供更好的用户体验，比如实时聊天、实时数据更新等。 反面教材 // 1. 简单WebSocket连接 const socket =
【智体OS】ibbot智体机灵 V1.0：你的手机AI超脑，一句话开启智体时代————终将打败OpenClaw的国产开源项目

【智体OS】ibbot智体机灵 V1.0：你的手机AI超脑，一句话开启智体时代————终将打败OpenClaw的国产开源项目

【智体OS】ibbot智体机灵 V1.0：你的手机AI超脑，一句话开启智体时代————终将打败OpenClaw的国产开源项目 发布日期：2026年2月12日 核心定位： 基于dtns.os V5.0的下一代移动端AI智能体平台 🚀 产品宣言：告别笨重，拥抱手机里的AI工作站 还在为OpenClaw这类方案需要额外购置硬件、部署复杂而头疼吗？时代变了！ibbot智体机灵将强大的AI智能体引擎直接塞进你的安卓手机，实现 “零硬件成本、开机即用、揣兜就走” 的终极生产力形态。我们不是另一个AI工具，而是你口袋里的 “AI副驾” 和 “赚钱工作站”。 ✨ 核心亮点：为什么ibbot是颠覆者？ 1. 极致轻量与便携 * 部署平台：你正在使用的安卓手机/平板。 * 硬件成本：￥0，充分利用现有设备，无需Mac mini或云服务器。 * 便携性：你的手机就是完整的工作站，灵感随时捕捉，任务随地处理。 2. 一句话创建万物 基于dtns.