前端配置笔记

文章目录

- [nvm 操作](#nvm 操作)
- [nvm in cmd](#nvm in cmd)
- [npm in node.js](#npm in node.js)
- [yarn in node.js](#yarn in node.js)
- yarn

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

nvm 操作

python 复制代码

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

nvm in cmd

shell 复制代码

## 查看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

shell 复制代码

## 安装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

shell 复制代码

## 安装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 <key> //显示某配置项
- yarn config delete <key> //删除某配置项
- yarn config set <key> <value> [-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 <packageName>：移除一个包，会自动更新package.json和yarn.lock
更新一个依赖
- yarn upgrade 用于更新包到基于规范范围的最新版本
运行脚本
- yarn run 用来执行在 package.json 中 scripts 属性下定义的脚本
显示某个包的信息
- yarn info <packageName> 可以用来查看某个模块的最新版本信息
缓存
- yarn cache
  - yarn cache list # 列出已缓存的每个包 yarn cache dir # 返回全局缓存位置 yarn cache clean # 清除缓存