前端基础

node，npm，nvm，yarn，git你弄明白了嘛？

npm，nvm，node，yarn

Node.js 是运行时，是前端工具的基石。

npm 和 yarn 都是包管理工具，可以选择一个使用。

nvm 是 Node.js 版本管理工具，推荐安装以方便切换版本。

• Node.js 是一种运行 JavaScript 的 服务器端环境，可以在本地（而不是浏览器）运行 JavaScript 代码。
  简单来说，它是前端工具和框架（如 Vue、React、Angular）的运行时依赖。

• npm 是 Node.js 的默认 包管理器，用于安装和管理前端开发所需的各种工具和库。

• nvm 是一个 Node.js 版本管理工具，可以帮助你在不同版本的 Node.js 间切换。

• yarn 是由 Facebook 开发的一个替代 npm 的 包管理工具，目标是提供更快、更可靠的依赖管理。

最佳实践：

1. 安装 nvm
   原因：可以灵活管理 Node.js 版本，避免项目间的版本冲突。
   官网：https://nvm.uihtm.com

2. 安装 Node.js
   使用 nvm 安装所需的 Node.js 版本，例如：

nvm install 18
nvm use 18

确保安装成功：

node -v
npm -v

3. 选择 npm 或 yarn
   一般推荐：
   默认使用 npm，尤其是刚入门时。
   如果团队或项目要求，切换到 yarn：

npm install -g yarn
yarn -v

4. 初始化项目
   进入项目文件夹：

mkdir my-project
cd my-project
npm init -y

初始化后，package.json 文件会自动生成。

5. 安装依赖
   使用 npm：
   npm install <包名>
   使用 yarn：
   yarn add <包名>
6. 全局安装常用工具（如脚手架）
   Vue CLI：
   npm install -g @vue/cli
   vue --version
   React 项目初始化工具：
   npx create-react-app my-app
7. 版本控制与锁文件
   锁文件：
   npm 使用 package-lock.json。
   yarn 使用 yarn.lock。

包路径的最佳实践：

我们在nvm安装目录下新建node_global, node_cache,然后在系统和用户环境变量path里添加一个.../node_global,这个路径就是全局安装依赖包的环境,键入命令npm root -g，回显路径D:\software\nvm\node_global\node_modules，就是成功了，如果以后下包加上了 -g 或 --global，就是全局安装，下的包就会进入这个文件夹