NodeJS环境

# Node.JS

# 介绍

Node.js是一个JavaScript运行时环境，它能够让JavaScript代码脱离浏览器，直接在Windows、Linux等系统上执行。

# 安装

官网下载安装包直接安装即可。

https://nodejs.org/zh-cn/download

安装完后在终端执行node -v / npm -v命令进行测试。

# NPM换源

npm是Node.js默认的模块包管理工具，我们可以给它换源以提高下载速度。

默认镜像源：https://registry.npmjs.org/

‌阿里云镜像‌：https://registry.npmmirror.com/

清华大学镜像‌：https://mirrors.tuna.tsinghua.edu.cn/

‌中国科学技术大学镜像‌：https://mirrors.ustc.edu.cn/

# 查看npm当前配置的镜像源
npm config get registry

# 设置npm镜像源
npm config set registry https://registry.npmmirror.com/

# 安装时临时指定镜像源
npm install 模块名 --registry https://registry.npmmirror.com/

1
2
3
4
5
6
7
8

# NPM使用

# 首先需要切换到项目根目录
cd my-app

# 项目初始化，会生成package.json配置文件，该项目的模块包信息会同步到该文件中
# 默认是交互式进行配置创建，也可以指定-y参数使用默认配置
npm init -y

# 安装指定包
# 不指定包名时，会根据当前目录下package.json文件来安装所需模块
# 默认安装到当前项目中，指定-g参数可全局安装
npm install <pkg>

# 卸载指定包
npm uninstall <pkg>

# 升级可更新的依赖
npm update

# 执行package.json中scripts定义的命令
npm <script>
npm run <script>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

# YARN使用

npm使用串行下载，而yarn使用并行下载，因此下载速度更快。

# 安装yarn工具
npm i -g yarn

# 更换镜像源
yarn config set registry https://registry.npmmirror.com

# 查看yarn的全局bin目录
# 需要将该目录路径加入PATH环境变量中，才能直接在命令行使用yarn全局安装的工具命令
yarn global bin

# 切换到项目根目录
cd my-app

# 项目初始化，会生成package.json配置文件，该项目的模块包信息会同步到该文件中
# 默认是交互式进行配置创建，也可以指定-y参数使用默认配置
yarn init -y

# 安装所有依赖，会根据当前目录下package.json文件来安装所需模块
yarn
yarn install

# 安装指定包
yarn add <pkg>

# 全局安装指定包
yarn global add <pkg>

# 卸载指定包
yarn remove <pkg>

# 升级可更新的依赖
yarn update

# 列出已安装的包
yarn list

# 执行package.json中scripts定义的命令
yarn <script>
yarn run <script>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39

# 自定义脚本

自定义脚本指的是把需要手动输入的命令，写进package.json文件的scripts字段中，然后通过npm <脚本名>来统一执行的机制。

它是npm为项目提供的任务自动化入口，可以把启动服务、编译代码、运行测试、代码检查、构建发布等日常工作封装成简短的命令。

// 例如:
{
  "name": "my-app",
  "version": "1.0.0",
  "scripts": {
    // 定义后可以直接通过"npm start"执行来"node index.js"这一段命令
    "start": "node index.js",                     // 启动入口
    "dev": "nodemon index.js",                    // 开发模式（热重载）
    "build": "webpack --config webpack.config.js",// 项目构建
  },
  "dependencies": {
    "express": "^4.18.2"
  },
  "devDependencies": {
    "nodemon": "^3.0.1",
    "webpack": "^5.88.2",
    "mocha": "^10.2.0",
    "eslint": "^8.48.0"
  }
}

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

#前端 #Node.js

← Vue组件 Vue项目→