基本概念

1 基础知识

前端运行时环境：Node.js

包管理工具：npm

构建工具：Vite、Webpack

版本控制工具：Git、SVN

代码检查工具：ESLint、Prettier

对上述工具详细介绍

• Node.js
  • Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行时，它允许开发者在服务器端运行 JavaScript 代码。
  • 在前端开发中，Node.js 主要用于提供开发工具链的支持，如通过 npm 或 yarn 管理项目依赖、使用构建工具（如 Webpack）进行资源打包等。

• npm（Node Package Manager）

  • npm 是 Node.js 的默认包管理器，用于安装、共享和分发 JavaScript 模块。
  • 它允许开发者轻松地将第三方库添加到项目中，并且可以方便地更新这些依赖项。
  • 使用 package.json 文件来记录项目的元数据以及所需的依赖版本。

• Vite

  • 用途：Vite 是一种新型前端构建工具，旨在提高开发效率。它支持热模块替换（HMR），使得在开发过程中更改代码后几乎即时反映在浏览器中。
  • 特点：快速冷启动、轻量级开发服务器、优化生产构建过程。

• Webpack

  • 用途：Webpack 是一款强大的模块捆绑工具，能够处理各种类型的文件（如 JavaScript、CSS、图片等），并将它们打包成静态资源。
  • 特点：高度可配置性、支持多种加载器和插件扩展功能、适用于大型复杂应用的构建。

• Git

  • 用途：Git 是目前最流行的分布式版本控制系统，广泛应用于软件开发中以追踪代码变更历史。
  • 特点：分支管理灵活、操作速度快、社区活跃、GitHub/GitLab 等托管服务支持。

• SVN（Subversion）

  • 用途：SVN 是另一种版本控制系统，尽管不如 Git 流行，但在某些组织或团队中仍然被使用。
  • 特点：集中式管理模式、适合小规模团队协作、相对简单易学。

• ESLint

  • 用途：ESLint 是一个开源的 JavaScript 和 JSX 代码质量检测工具，帮助发现并修复代码中的问题，如潜在错误、风格不一致等。
  • 特点：规则定制性强、集成简便、支持多种编辑器插件。

• Prettier

  • 用途：Prettier 是一个代码格式化工具，专注于自动格式化代码，确保代码风格统一。
  • 特点：易于配置、支持多种语言、与 ESLint 结合使用效果更佳。

2 npm 常见命令

# 全局下载
npm install <package-name> -g
# 查看全局下载依赖包，只看一层
npm list -g -depth=0