返回

管它什么PM,用起来最顺手最重要

前端

如果有人问你,在开发过程中,最离不开的是什么工具?对于前端开发来说,Node.js 应该算得上是必备品了。

如今,前端开发要想避开 Node.js 已经是不可能的事了,Node.js 就像一块砖头,哪里需要哪里搬,哪里有它哪里就有江湖。比如说,你用 Vue 写前端,用它来构建项目;你用 React 写前端,也需要用到它来构建项目;你用其它什么框架写前端,一样会用到 Node.js 来构建项目。

可见,Node.js 已经成为了前端开发绕不开的一座大山。

但是,在安装和使用这三种工具时,我们有很多方式可以选择,这些方法各有优劣,每个人都有自己用起来比较习惯的配置,所以我在这里记录下自己比较习惯的一种安装方式与其他一些可能的选项。

比较直接的方式

第一种方式非常直接,搜索 Node.js,在官网下载需要的的版本并进行安装就可以了,但是一般不推荐这种方式,因为:

  1. 下载官网的安装包需要科学上网,国内用户会比较麻烦。
  2. 官网安装的 Node.js 版本不能灵活切换,不便于管理。
  3. 官网安装的 Node.js 版本不能灵活卸载,不便于系统维护。

使用 NVM 安装 Node.js

所以我更倾向于使用 NVM 安装 Node.js,NVM 全称是 Node Version Manager,即 Node.js 版本管理器,使用它可以方便地管理 Node.js 的版本。

1. 安装 NVM

使用以下命令安装 NVM:

curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.0/install.sh | bash

安装完成后,需要将 NVM 加入到环境变量中,以便在命令行中使用 NVM 命令。

在 Windows 中,需要在「控制面板」 -> 「系统和安全」 -> 「系统」 -> 「高级系统设置」 -> 「环境变量」中,在「Path」变量中加入 NVM 的安装路径,例如:

C:\Program Files\nodejs\nvm

在 Linux 和 macOS 中,需要在 ~/.bash_profile 文件中加入以下内容:

export NVM_DIR="$HOME/.nvm"
[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh"  # This loads nvm

然后重新加载 ~/.bash_profile 文件,使 NVM 生效:

source ~/.bash_profile

2. 安装 Node.js

NVM 安装 Node.js 非常简单,只需要一条命令:

nvm install [版本号]

例如,要安装 Node.js 16.13.2 版本,可以使用以下命令:

nvm install 16.13.2

3. 切换 Node.js 版本

使用 NVM 可以非常方便地切换 Node.js 版本,只需要一条命令:

nvm use [版本号]

例如,要切换到 Node.js 16.13.2 版本,可以使用以下命令:

nvm use 16.13.2

4. 卸载 Node.js 版本

使用 NVM 可以非常方便地卸载 Node.js 版本,只需要一条命令:

nvm uninstall [版本号]

例如,要卸载 Node.js 16.13.2 版本,可以使用以下命令:

nvm uninstall 16.13.2

使用 NPM 安装包

NPM 是 Node.js 的包管理工具,使用它可以安装、卸载、更新 Node.js 的包。

1. 安装 NPM

NPM 一般是随着 Node.js 一起安装的,如果你的电脑上已经安装了 Node.js,那么 NPM 也已经安装好了。

如果你的电脑上还没有安装 Node.js,那么可以使用 NVM 安装 Node.js,NVM 会自动安装 NPM。

2. 安装包

使用 NPM 安装包非常简单,只需要一条命令:

npm install [包名]

例如,要安装 lodash 包,可以使用以下命令:

npm install lodash

3. 卸载包

使用 NPM 卸载包也非常简单,只需要一条命令:

npm uninstall [包名]

例如,要卸载 lodash 包,可以使用以下命令:

npm uninstall lodash

总结

使用 NVM 和 NPM 可以非常方便地管理 Node.js 的版本和包,这对于前端开发来说是必不可少的工具。

希望这篇文章能够帮助大家快速上手 NVM 和 NPM,以便在前端开发中更加得心应手。