前端配置准备 nvm,npm,yarn
第一步:下载nvm
nvm 是 node.js
的管理器,而 node.js
是 js 文件的运行环境,能够使得javascript能够脱离浏览器运行;下载地址:coreybutler/nvm-windows,下载电脑对应系统的安装包进行安装;
nvm 操作
## 配置镜像
nvm node_mirror https://npm.taobao.org/mirrors/node/
nvm npm_mirror https://npm.taobao.org/mirrors/npm/
## 查看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 和 yarn
npm,yarn 都是 node.js
的包的管理工具,这里 yarn 是需要额外安装的,npm 是 node.js
自带的;
npm 操作
## 升级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 操作
## 安装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