Skip to content
B

Nodejs 安装教程

一、安装 Nodejs

访问Nodejs官网

点击前往:Nodejs 官网

一直点击下一步安装完即可(可以选择自行选择安装路径)。

nodejs官网

  • 安装完成后,打开cmd,输入node -v,如果显示版本号,则安装成功。
bash
$ node -v
$ npm -v

二、配置

下面拿我的Nodejs安装在E:/enviroments/nodejs/路径下举例说明:

1. 创建目录

创建node_globalnode_cache目录,并且在node_global目录下创建node_modules目录。

bash
# 进入 E:/enviroments/nodejs/ 路径下
mkdir -p node_global/node_modules node_cache

2. 设置权限

设置nodejs安装目录权限,右键点击nodejs安装目录,选择属性,在安全选项卡中,点击编辑,在组或用户名中选择Users,点击编辑,在权限中勾选完全控制,点击确定

设置nodejs安装目录权限

3. 设置nodejs的全局和缓存存放路径

bash
npm config set prefix "E:\enviroments\nodejs\node_global"
npm config set cache "E:\enviroments\nodejs\node_cache"

4. 系统设置

打开系统设置,在系统变量新建NODE_PATH变量,值为E:\enviroments\nodejs\node_global\node_modules`。

设置NODE_PATH系统环境变量

继续设置系统变量中的PATH变量,在变量值中添加E:\enviroments\nodejs\%NODE_PATH%

新增PATH路径和NODE_PATH系统路径

5. 设置用户变量PATH变量

用户变量中设置PATH变量,在变量值中添加E:\enviroments\nodejs\node_global\

注意

将原本的C:\Users\用户名\AppData\Roaming\npm路径编辑修改为E:\enviroments\nodejs\node_global\

⚠️ 找到下面这个用户变量块中的PATH变量的值

将要修改的路径

修改如下,注意是用户变量块下的PATH变量,而不是系统变量块下的PATH变量。

修改后的路径

三、验证设置

  • 命令检查配置
bash
$ npm config get prefix
$ npm config get cache

注意

如果显示的不是E:\enviroments\nodejs\node_globalE:\enviroments\nodejs\node_cache,则需要重新设置。

  • 全局安装检查配置
bash
$ npm install -g express

全局安装包检查配置是否生效

提示

全局安装包能够存放在E:\enviroments\nodejs\node_global\node_modules目录下,则说明配置成功了。

四、npm 基本使用

初始化项目包

bash
$ npm init -y

安装依赖

bash
$ npm install 包名

卸载依赖

bash
$ npm uninstall 包名

查看安装的依赖

bash
$ npm list

安装指定版本

bash
$ npm install 包名@版本号

清除缓存

bash
$ npm cache clean -f

查看 npm 配置

bash
$ npm config list

查看 npm 版本

bash
$ npm -v

信息:

了解一下 ES6 导入和 CommongJS 导入区别:参考教程

1、查看包的所有版本

bash
$ npm view 包名 versions
bash
$ npm view bootstrap versions

2、直接下载最新版本的包

bash
$ npm install 包名

3、下载具体版本的包

bash
$ npm install 包名@版本号

4、卸载包

bash
$ npm uninstall 包名

5、根据 package.json 的版本记录一键安装

说明:

进入项目的根目录, 即 package.json 所在的目录为根目录, 然后执行下面的命令即可一键安装项目依赖

bash
$ npm i

6、使用 npx 调用在线工具

bash
$ npx create-react-app react项目名称
bash
$ npx create-vue vue项目名称

7、查看镜像源

bash
$ npm config get registry

8、切换镜像源

bash
$ npm config set registry=https://registry.npm.taobao.org/

9、检查镜像源

bash
$ npm config get registry