前端工具专有名词记录

目录

前言

正文

1.包管理器

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

3.自动化测试工具

[4.JavaScript 框架和模版](#4.JavaScript 框架和模版)

5.代码质量工具

尾声


下面是正文内容:


前言

这是一篇笔记

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

正文

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

相关推荐
腾讯TNTWeb前端团队5 小时前
helux v5 发布了,像pinia一样优雅地管理你的react状态吧
前端·javascript·react.js
范文杰9 小时前
AI 时代如何更高效开发前端组件?21st.dev 给了一种答案
前端·ai编程
拉不动的猪9 小时前
刷刷题50(常见的js数据通信与渲染问题)
前端·javascript·面试
拉不动的猪9 小时前
JS多线程Webworks中的几种实战场景演示
前端·javascript·面试
FreeCultureBoy10 小时前
macOS 命令行 原生挂载 webdav 方法
前端
uhakadotcom10 小时前
Astro 框架:快速构建内容驱动型网站的利器
前端·javascript·面试
uhakadotcom10 小时前
了解Nest.js和Next.js:如何选择合适的框架
前端·javascript·面试
uhakadotcom10 小时前
React与Next.js:基础知识及应用场景
前端·面试·github
uhakadotcom11 小时前
Remix 框架:性能与易用性的完美结合
前端·javascript·面试
uhakadotcom11 小时前
Node.js 包管理器:npm vs pnpm
前端·javascript·面试