前端配置笔记

2024-01-07 17:28:22

  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 npm@8.1.3

# 升级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 <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 foo@1.2.3会接受1.9.1版,但是yarn add foo@1.2.3 --exact只会接受1.2.3版
    • yarn add --tilde/-T // 安装包的次要版本里的最新版。例如yarn add foo@1.2.3 --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 # 清除缓存

文章来源:https://blog.csdn.net/m0_72947390/article/details/135376502
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。