跳转到内容
笔记

JavaScript

环境搭建

Section titled “环境搭建”

我使用 Mise + VSCode 搭建开发环境，Mise 用于管理工具链，VSCode 用于编写代码。

获取工具链

Section titled “获取工具链”

JavaScript 的运行时一般选择 nodejs，不过 deno、bun 也是不错的。浏览器的控制台里也可以运行 JavaScript 代码，如果只是想写点浏览器脚本发到 GreasyFork，甚至都没必要本地搭建环境

建议使用工具来管理语言运行时，比如 nvm 可以用来管理不同版本的 nodejs。不过我个人更喜欢 mise，这是一个可以管理多种语言运行时版本的工具。对于 JavaScript，它支持管理 nodejs、deno、bun 的运行时版本

mise 的以下命令可以安装并使用不同版本的运行时

Terminal window
# 使用 node latest
mise use -g node
# 使用 node lts
mise use -g node@lts
# 使用 node 20
mise use -g node@20
# 使用 deno latest
mise use -g deno
# 使用 bun latest
mise use -g bun

编辑器集成

Section titled “编辑器集成”

对于 JavaScript，VSCode 几乎是开箱即用的，不需要安装任何额外扩展

命令行工具

Section titled “命令行工具”

JavaScript 中专门用于前端/后端开发的框架/库/工具被放到了别的章节。

包管理器

Section titled “包管理器”
  • npm nodejs 的官方包管理器
  • pnpm 改进的 npm，优点是更快和更节省硬盘空间
  • aube 完全用 Rust 写的包管理器
  • ncu 增加了 npm 没有的功能。它会检查 package.json 文件，然后列出所有可以更新的依赖，也可以加个 -u 参数一键更新。不过这个工具只更新 package.json 文件，还要重新运行 npm install 来安装新版本的依赖

静态检查和格式化

Section titled “静态检查和格式化”
  • ESLint 代码静态检查
  • Prettier 格式化
  • Biome 可以视为 ESLint 和 Prettier 的结合体，由于使用 Rust 编写所以速度非常快

调试

Section titled “调试”
  • nodemon 文件监视，并在更改后重新运行，让开发更方便
  • cross-env 用了设置环境变量的工具，可以自动识别不同系统和不同 Shell，用起来很省心

代码生成工具

Section titled “代码生成工具”
  • Yeoman 快速搭建起项目骨架，有许多社区维护的生成器可选择

库和框架

Section titled “库和框架”

测试框架

Section titled “测试框架”
  • Vitest 单元测试框架
  • Jest 也是单元测试框架

网络请求

Section titled “网络请求”
  • Axios 一个语法简单的网络请求库

状态管理

Section titled “状态管理”
  • Redux 一个用于全局状态管理的库

轻型实用库

Section titled “轻型实用库”
  • dotenv 加载 .env 文件的
  • lodash 函数式编程库，让数组、对象等操作更加简单