目录

前言

正文

1.包管理器

2.构建工具和开发环境（项目管理器）

3.自动化测试工具

4.JavaScript 框架和模版

5.代码质量工具

尾声

---

 

• 🔭 Hi,I’m Pleasure1234
• 🌱 I’m currently learning Vue.js,SpringBoot,Computer Security and so on.
• 👯 I’m studying in University of Nottingham Ningbo China
• 📫 You can reach me by url below:
• My Blog Website: https://blog.yiming1234.cn 
• My CSDN Blog: https://yiming1234.blog.csdn.net
• My Email:Pleasure@yiming1234.cn
• My Github:Pleasurecruise (自由的世界人) · GitHub
• It's my pleasure to see you follow me!

原文地址：前端工具专有名词记录 - Pleasure的博客

下面是正文内容：

---

前言

这是一篇笔记

整理了一些在前端遇到的专有名词，对于初学者来说还是值得记一下的。

正文

1.包管理器

npm (Node Package Manager): 用于管理 Node.js 的包，提供安装、更新、卸载和管理依赖项的功能。

pnpm: 另一个包管理器，重点在于速度和节省磁盘空间。与 npm 类似，但通过使用硬链接来优化存储。

yarn: Facebook 开发的包管理器，提供更快的安装速度和确定性的依赖管理。

npx: npm 包执行器，用于运行在 node_modules 中的包（执行 Node.js 包中的二进制文件）而无需全局安装。

2.构建工具和开发环境（项目管理器）

vue-cli: Vue.js 的命令行工具，帮助创建和管理 Vue 项目。包括项目初始化、构建、开发和测试等功能。

p.s. 对于较旧的 Vue 2 项目或对 Webpack 生态系统有依赖的项目尤为合适。

vite:一个现代前端构建工具，提供快速的开发启动和高效的构建流程。比 vue-cli 更现代，具有更快的构建速度和更好的开发体验。

p.s. 特别适合 Vue 3 和其他现代 JavaScript 框架的项目。（使用 Rollup 作为打包工具，提供了更高效的构建过程）

cra (Create React App): 一个脚手架工具，帮助快速启动 React 项目，提供一套开箱即用的配置和开发环境。

webpack: 一个模块打包器，主要用于将 JavaScript 和其他资源（如 CSS、图片等）打包成一个或多个文件。

rollup:另一个 JavaScript 模块打包器，特别适合打包库和模块，生成的代码更简洁。

babel:一个 JavaScript 编译器，将现代 JavaScript 代码转换为兼容旧版浏览器的代码。

3.自动化测试工具

vitest: 一个 Vite 原生的测试框架，提供快速的测试速度和现代的测试体验，适用于 Vite 项目。

cypress: 一个端到端测试工具，提供全面的测试功能和直观的测试编写方式。

jest: 一个 JavaScript 测试框架，支持单元测试和集成测试，具有快速的测试运行和丰富的断言库。

4.JavaScript 框架和模版

vanilla: 指“纯粹的” JavaScript，不依赖于任何框架或库。

vue: 一个渐进式的 JavaScript 框架，用于构建用户界面。支持声明式渲染和组件化开发。

react: 一个用于构建用户界面的 JavaScript 库，支持组件化开发，广泛用于单页应用程序（SPA）。

svelte: 一个编译型 JavaScript 框架，通过将组件编译成高效的 JavaScript 代码来提高性能。

preact: 一个轻量级的 React 替代品，提供类似的 API，但体积更小，适用于性能要求高的应用。

lit: 一个用于构建 Web 组件的库，提供简洁的 API 和高效的更新机制。

5.代码质量工具

prettier: 一个代码格式化工具，自动将代码格式化为一致的风格。

eslint: 一个 JavaScript 代码检查工具，用于识别和修复代码中的问题。

tslint: 一个 TypeScript 代码检查工具（已弃用，现在推荐使用 ESLint）。

pylint: 一个 Python 代码检查工具，用于识别代码中的潜在问题。

jshint: 一个 JavaScript 代码检查工具，用于识别和修复代码中的问题（较旧，现代项目通常使用 ESLint）。

尾声

正在对我的仓库进行脱胎换骨......已经焦头烂额了......

https://github.com/Pleasurecruise/NottinghamWall