Coding

编程学习路径

代码编程的学习路径：

• 编程语言：TypeScript，JavaScript

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

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

• 前端框架：Vue.js，React

• UI 框架：Ant Design，Element Plus

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

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

• Node.js 框架：Midway

• HTTP 工具：Axios

  • Git Hook 工具：husky + lint-staged
  • 代码规范：EditorConfig + Prettier + ESLint + Airbnb JavaScript Style Guide
  • 提交规范：Commitizen + Commitlint
  • 单元测试：vue-test-utils + jest + vue-jest + ts-jest
  • 自动部署：GitHub Actions

IDE 编辑器

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

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

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

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

  • CodeSandbox：CodeSandbox 编辑体验与 VSCode 类似，并支持 GitHub 导出、静态文件托管、本地项目导入等。缺点：不能直接导入 GitHub 项目。