Web

TIP

在 VSCode 空白的 .html 文件中，首行输入 ! 或 html:5 后回车，将生成 HTML5 基本结构。

文档教程

• MDN / W3School

前端规范

• TGideas 文档库

• Aotu

• HTML编码规范建议 / CSS编码规范建议

图标字体(icon font)

• Iconify
• Font Awesome
• Bootstrap Icons

包管理

• Node.js / npm / pnpm

全局安装 pnpm 包管理器：

npm install -g pnpm

若报错“npm 版本过低”，先升级 npm install -g npm@latest

验证安装，终端输入 pnpm --version ，显示版本号即为安装成功。

TIP

执行 pnpm install 时，如果报错：
无法加载文件 C:\Users\Administrator\AppData\Roaming\npm\pnpm.ps1，因为在此系统上禁止运行脚本。，这是由于 Windows PowerShell 的执行策略限制导致的。

解决方法：在终端中使用管理员身份，运行 Set-ExecutionPolicy RemoteSigned -Scope CurrentUser 命令，这将允许加载本地脚本和远程签名的脚本。

最后，重新打开终端，再次执行 pnpm install 即可。

常用框架

• Bootstrap
• Astro
• Tailwind CSS / 中文
• daisyUI (Tailwind CSS 组件库)
• htmx / 中文
• shadcn-ui / 中文
• HeroUI

Vue

• Vue (JavaScript 框架)
• Vite (前端构建工具)
• VitePress (静态站点生成器)

---

基于 Vue 的组件框架

• Vuetify
• Element Plus
• Ant Design of Vue
• Naive UI
• VueUse (Collection of Essential Vue Composition Utilities)