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

【前端】HTTP请求方式：GET、POST 与其他请求方法详解

【前端】HTTP请求方式：GET、POST 与其他请求方法详解

文章目录 * * 前言 * 定义概念 + 缩写 * 一、HTTP 是什么？ * 二、常见请求方式 * 性质 * 一、GET 请求 * 特点 * 示例 * 适用场景 * 二、POST 请求 * 特点 * 示例 * 适用场景 * 三、PUT 请求 * 特点 * 示例 * 四、PATCH 请求 * 特点 * 五、DELETE 请求 * 特点 * 六、GET 与 POST 核心区别总结 * 使用步骤 * 一、在 Axios 中的标准写法 * 统一写法（推荐） * 二、什么时候用 GET？

前端已死？元编程时代：用AI Skills重构你的开发工作流

摘要：本文深入探讨了新兴的“AI Skills”概念，它远不止是简单的Prompt技巧，而是一种将最佳实践、团队规范和技术栈封装成可执行文件的结构化工程范式。文章将系统阐述AI Skills如何从前端开发的“辅助工具”升级为“核心生产力”，通过UI组件生成、API客户端编码、智能测试等具体场景，展示其对工作流的颠覆性重构。我们将深入其技术原理，提供可操作的实践路径，并展望在这一范式下，前端开发者如何从“代码劳工”转变为“规则制定者”和“智能工作流架构师”。 关键字：AI Skills、前端开发、工作流重构、低错误率、Prompt工程、元编程 引言：超越ChatGPT，迎接“可编程的智能体” 🚀 如果你还停留在用ChatGPT手动复制粘贴代码片段，偶尔还要为它生成的过时或错误代码“擦屁股”的阶段，那么你正在浪费AI 90%的潜力。前端开发的范式革命已然来临，其核心不再是“会不会用AI”，而是“如何系统化、
从零开始：在本地搭建一个带知识库的 AI 助手（Ollama + Open WebUI）

从零开始：在本地搭建一个带知识库的 AI 助手（Ollama + Open WebUI）

一文讲清楚：要选哪些工具、需要什么环境、整体架构长什么样，以及一步步实现到能用的程度。 一、为什么要在本地搭一个 AI 助手？ 过去一年，大模型从“新奇玩意儿”迅速变成“日常生产力工具”。但如果你只用网页版 ChatGPT / 文心一言 / 通义千问，会碰到几个很现实的问题： * 数据隐私：公司内部文档、个人笔记、聊天记录，你敢全部塞到线上吗？ * 网络依赖：在飞机上、高铁里，或者公司内网严格管控时，在线 AI 直接“失联”。 * 额度与费用：免费额度有限，稍微重度一点就要付费，而且你也不知道自己的数据会不会被拿去训练。 本地部署一套 “AI + 知识库” 的好处就非常直观： 1. 数据完全不出本地，满足隐私合规要求。 2. 断网也能用，随时随地调取你的“第二大脑”。 3. 可定制：可以给团队搭一个“
天马G前端的使用

天马G前端的使用

1 复古掌机的选择 最近搞了个手柄，正好有一个闲置的小米9，就想着看能不能装一个复古掌机出来。 其实市场上也有很多现成的复古掌机，目前主要是安卓和Linux两种。整体上看安卓的目前占优一点，因为除了大家都能玩的模拟器，安卓平台还能玩安卓的游戏。 项目Android 掌机Linux 掌机 (ArkOS / JELOS / Batocera)启动速度20~40 秒5 秒以内UI一致性❌ 多 app 无统一样式✅ 完整游戏平台风格PS2（AetherSX2）✅ 可玩（Snapdragon / Dimensity / Unisoc）❌ 官方 Linux 版 core 不成熟Switch（Yuzu）✅ 安卓有社区版 Yuzu❌ 完全无解PSP/NDS/GBA etc✅ 但调用 APK，界面割裂✅ 全集成 Core，UI统一云游戏 / Steam Link✅ 完全支持⚠