前端工具专有名词记录

目录

前言

正文

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

相关推荐
码爸19 分钟前
flink doris批量sink
java·前端·flink
深情废杨杨20 分钟前
前端vue-父传子
前端·javascript·vue.js
J不A秃V头A1 小时前
Vue3:编写一个插件(进阶)
前端·vue.js
司篂篂2 小时前
axios二次封装
前端·javascript·vue.js
姚*鸿的博客2 小时前
pinia在vue3中的使用
前端·javascript·vue.js
宇文仲竹3 小时前
edge 插件 iframe 读取
前端·edge
Kika写代码3 小时前
【基于轻量型架构的WEB开发】【章节作业】
前端·oracle·架构
天下无贼!4 小时前
2024年最新版Vue3学习笔记
前端·vue.js·笔记·学习·vue
Jiaberrr4 小时前
JS实现树形结构数据中特定节点及其子节点显示属性设置的技巧(可用于树形节点过滤筛选)
前端·javascript·tree·树形·过滤筛选
赵啸林4 小时前
npm发布插件超级简单版
前端·npm·node.js