Coding

编程学习路径

AI 时代我们可以利用人工智能辅助编程，但你得对代码有基础的了解。

代码编程的学习路径：

• 编程语言：TypeScript，JavaScript

• 相关基础知识：HTML，Markdown，MySQL，正则表达式

• 脚本/开发工具：AutoHotkey，Electron，Tauri

• 前端框架：Vue.js，React

• UI 框架：Ant Design，Element Plus，shadcn/ui

  • CSS 预编译：Stylus / Sass / Less
  • CSS 后处理器：PostCSS，tailwindcss

• 网站生成工具：VitePress，VuePress，Astro，Next.js

• Node.js 框架：NestJS，Express，Hono，Midway

• 构建工具：Vite，包管理器 pnpm

• HTTP 工具：Axios / 原生 fetch

  • Git Hook 工具：husky + lint-staged
  • 代码规范：EditorConfig + Prettier + ESLint（新项目用 flat config）
  • 提交规范：Commitizen + Commitlint
  • 单元测试：Vitest（Vite 项目首选）/ Jest + Vue Test Utils
  • 自动部署：GitHub Actions

IDE 编辑器

• AI CLI：Claude Code、OpenAI Codex CLI、Antigravity CLI（agy）、opencode；已停用/转付费：Gemini CLI、Qwen Code、Rovo Dev CLI

• AI IDE：Cursor、Windsurf、Google Antigravity、Kiro（亚马逊）、GitHub Copilot、Zed；国产有 TRAE（字节）、CodeBuddy（腾讯），以及 VS Code 插件形态的通义灵码（阿里）

• Visual Studio Code：本地代码编辑器首选，插件丰富，适应各种开发需求。

• 在线 IDE：开箱即用，无需搭建环境，避免本地环境错误导致的各类 bug。

  • StackBlitz：StackBlitz 界面类似 Visual Studio Code，可以直接 push 和拉取 GitHub 仓库的代码进行查看和编辑，项目支持离线开发，同时所有应用程序会自动部署在其服务器上。^[1]

  • CodePen：CodePen 是一个在线的 HTML、CSS 和 JavaScript 代码编辑器，能够编写代码并即时预览效果，便于项目分享预览。CodePen 也是一个庞大的前端社区，上面有来自全球开发者分享的各种各样炫酷的效果，并且这些代码都是开源和共享的。

  • GitHub Codespaces：GitHub 官方的云端开发环境，基于容器为仓库一键启动完整的 VS Code（网页或本地连接），自带终端、可装插件、能跑服务，个人账户每月有免费额度。CodeSandbox 的 GitHub 仓库导入功能已于 2026 年停用，官方亦建议迁移到 Codespaces。

  • bolt.new：StackBlitz 推出的 AI 全栈生成工具，用自然语言直接生成、运行并部署 Web 应用，适合快速原型。