Coding

约 851 字大约 3 分钟...

代码编程的学习路径：

基础知识：ES6, MySQL，HTML，Markdown，正则表达式
脚本/开发工具：AutoHotkey，Electron
编程语言：TypeScript 4.xopen in new window + JavaScriptopen in new window
前端框架：Vue 3.xopen in new window
- 构建工具：Vite 2.xopen in new window
- 路由工具：Vue Router 4.xopen in new window
- 状态管理：Vuex 4.xopen in new window
UI 框架：Element Plusopen in new window
- CSS 预编译：Stylusopen in new window / Sassopen in new window / Lessopen in new window
- CSS 后处理器：PostCSS，tailwindcssopen in new window
Node.js 框架：Midwayopen in new window
HTTP 工具：Axiosopen in new window
- Git Hook 工具：huskyopen in new window + lint-stagedopen in new window
- 代码规范：EditorConfigopen in new window + Prettieropen in new window + ESLintopen in new window + Airbnb JavaScript Style Guideopen in new window
- 提交规范：Commitizenopen in new window + Commitlintopen in new window
- 单元测试：vue-test-utilsopen in new window + jestopen in new window + vue-jestopen in new window + ts-jestopen in new window
- 自动部署：GitHub Actionsopen in new window

Visual Studio Code

本地代码编辑器使用 Visual Studio Code，其插件生态成熟，能实现大部分的需求。

GitHub Copilot，CodeGeeX，Tabnine，aiXcoder 插件均可以辅助补全代码。Tabnine 和 aiXcoder 有免费版，可以预测一到两行的代码。CodeGeeX 由清华大学开发，提供完整补全功能。

修改快捷键

选择「菜单栏」>「文件」>「首选项」>「键盘快捷方式」，修改或解绑快捷键。

以 PicGo 图床为例，其默认配置放置于 %AppData%\picgo\data.json，推荐快捷键为

剪贴板图片上传：ctrlOrCmd+alt+q
打开文件管理器上传：ctrlOrCmd+alt+e
打开输入框输入路径上传：ctrlOrCmd+alt+x

另外，右键对应快捷方式，点击「重置按键绑定」，即可将快捷键设为默认。

排除文件夹

在 VS Code 中点击快捷键 Ctrl/Command+Shift+P，输入「setting」，在设置中添加排除文件夹选项。注意：排除文件夹不能使用全路径，只能使用规则排除。

"files.exclude": {
  "**/blog": true, //隐藏指定文件夹
  "**/[Pp]lugins": true, //使用中括号时表示不区分大小写
  "**/*.pyc": true, //隐藏所有 pyc 文件
  "**/*.d.ts": true, //隐藏所有 d.ts 文件
}

在线 IDE

在线 IDE 最大的优势是开箱即用，无需搭建环境，避免本地环境错误导致的各类 bug。

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

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

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

MySQL

在 Windows 平台上，需要先设置 MySQL Serveropen in new window，然后使用数据库软件进行连接。如果使用本地数据库且未将 MySQL Server 设为自动启动，每次开机后需要手动启动。启动流程为：右键点击菜单栏最左侧，选择「计算机管理」>「服务和应用程序」>「服务」>「MYSQL57」，双击启动即可。