前端配置笔记

1. node.js 是 js 文件的运行环境
2. nodist, nvm 是 node.js 的管理器
3. Releases · coreybutler/nvm-windows (github.com)下载nvm
4. yarn, npm 都是 node.js 的包的管理工具
5. 下载yarn: npm install -g yarn

nvm 操作

## 镜像
nvm node_mirror https://npm.taobao.org/mirrors/node/ 
nvm npm_mirror https://npm.taobao.org/mirrors/npm/

nvm in cmd

## 查看node.js 列表
nvm list

## 查看node.js available
nvm list available

## 下载最新版本
nvm install latest

## 下载long term support
nvm install lts

## 下载指定版本
nvm install 20.10.0

## 使用node.js
nvm use 20.10.0

npm in node.js

## 安装yarn
npm install -g yarn

# 进入项目目录
cd ruoyi-ui

# 升级npm到指定版本
npm install -g [email protected]

# 升级npm最新版本
npm install -g npm@latest

# 清除缓存
npm cache clean --force

# 查看npm缓存的位置
npm cache dir

# 有人的npm可能没有这个命令，可以改用这个命令去查看
npm config list --json


# 它会从缓存文件夹中删除所有数据，然后可以通过运行以下命令来验证缓存
npm cache verify

# 安装依赖
npm install

# 强烈建议不要用直接使用 cnpm 安装，会有各种诡异的 bug，可以通过重新指定 registry 来解决 npm 安装速度慢的问题。
npm install --registry=https://registry.npm.taobao.org

# 本地开发 启动项目
npm run dev

# cnpm 安装
npm  install -g cnpm --registry=https://registry.npm.taobao.org

yarn in node.js

## 安装yarn
npm install -g yarn

## 安装成功后，查看版本号
yarn -v

## 创建文件夹
md yarn

## 进入yarn文件夹
cd yarn

## 初始化项目 同npm init，执行输入信息后，会生成package.json文件
yarn init

## yarn的配置项
yarn config list 

## 安装
yarn install

## 添加包
yarn add [package]

## 发布包
yarn publish

## 移除包
yarn remove [package]

## 运行脚本
yarn run

## 启动项目
yarn run dev

yarn

• 安装yarn
  • npm install -g yarn
• 安装成功后，查看版本号：
  • yarn --version
• 创建文件夹 yarn
  • md yarn
• 进入yarn文件夹
  • cd yarn
• 初始化项目
  • yarn init // 同npm init，执行输入信息后，会生成package.json文件
• yarn的配置项：
  • yarn config list // 显示所有配置项
  • yarn config get //显示某配置项
  • yarn config delete //删除某配置项
  • yarn config set [-g|--global] //设置配置项
• 安装包：
  • yarn install //安装package.json里所有包，并将包及它的所有依赖项保存进yarn.lock
  • yarn install --flat //安装一个包的单一版本
  • yarn install --force //强制重新下载所有包
  • yarn install --production //只安装dependencies里的包
  • yarn install --no-lockfile //不读取或生成yarn.lock
  • yarn install --pure-lockfile //不生成yarn.lock
• 添加包（会更新package.json和yarn.lock）：
  • yarn add [package] // 在当前的项目中添加一个依赖包，会自动更新到package.json和yarn.lock文件中
  • yarn add [package]@[version] // 安装指定版本，这里指的是主要版本，如果需要精确到小版本，使用-E参数
  • yarn add [package]@[tag] // 安装某个tag（比如beta,next或者latest）
    //不指定依赖类型默认安装到dependencies里，你也可以指定依赖类型：
  • yarn add --dev/-D // 加到 devDependencies
  • yarn add --peer/-P // 加到 peerDependencies
  • yarn add --optional/-O // 加到 optionalDependencies
    //默认安装包的主要版本里的最新版本，下面两个命令可以指定版本：
  • yarn add --exact/-E // 安装包的精确版本。例如yarn add [email protected]会接受1.9.1版，但是yarn add [email protected] --exact只会接受1.2.3版
  • yarn add --tilde/-T // 安装包的次要版本里的最新版。例如yarn add [email protected] --tilde会接受1.2.9，但不接受1.3.0
• 发布包
  • yarn publish
• 移除一个包
  • yarn remove ：移除一个包，会自动更新package.json和yarn.lock
• 更新一个依赖
  • yarn upgrade 用于更新包到基于规范范围的最新版本
• 运行脚本
  • yarn run 用来执行在 package.json 中 scripts 属性下定义的脚本
• 显示某个包的信息
  • yarn info 可以用来查看某个模块的最新版本信息
• 缓存
  • yarn cache
    • yarn cache list # 列出已缓存的每个包 yarn cache dir # 返回 全局缓存位置 yarn cache clean # 清除缓存