nvm,npm,yarn相关指令,前端配置准备

简介: 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


目录
相关文章
|
6月前
|
存储 资源调度 JavaScript
一文带你了解PNPM以及 npm,yarn,pnpm区别
一文带你了解PNPM以及 npm,yarn,pnpm区别
440 9
|
7月前
|
消息中间件 资源调度 关系型数据库
如何在Flink on YARN环境中配置Debezium CDC 3.0,以实现实时捕获数据库变更事件并将其传输到Flink进行处理
本文介绍了如何在Flink on YARN环境中配置Debezium CDC 3.0,以实现实时捕获数据库变更事件并将其传输到Flink进行处理。主要内容包括安装Debezium、配置Kafka Connect、创建Flink任务以及启动任务的具体步骤,为构建实时数据管道提供了详细指导。
385 9
|
8月前
|
资源调度
Ubuntu22.04静态ip配置+yarn build后显示内存超限,变异失败
Ubuntu22.04静态ip配置+yarn build后显示内存超限,变异失败
103 2
Ubuntu22.04静态ip配置+yarn build后显示内存超限,变异失败
|
8月前
|
缓存 JavaScript 前端开发
拿下奇怪的前端报错(三):npm install卡住了一个钟- 从原理搞定安装的全链路问题
本文详细分析了 `npm install` 过程中可能出现的卡顿问题及解决方法,包括网络问题、Node.js 版本不兼容、缓存问题、权限问题、包冲突、过时的 npm 版本、系统资源不足和脚本问题等,并提供了相应的解决策略。同时,还介绍了开启全部日志、使用替代工具和使用 Docker 提供 Node 环境等其他处理方法。
5669 2
|
8月前
|
JavaScript 前端开发 Docker
拿下奇怪的前端报错(二):nvm不可用报错`GLIBC_2.27‘‘GLIBCXX_3.4.20‘not Found?+ 使用docker构建多个前端项目实践
本文介绍了在多版本Node.js环境中使用nvm进行版本管理和遇到的问题,以及通过Docker化构建流程来解决兼容性问题的方法。文中详细描述了构建Docker镜像、启动临时容器复制构建产物的具体步骤,有效解决了不同项目对Node.js版本的不同需求。
298 1
|
8月前
|
XML 分布式计算 资源调度
大数据-02-Hadoop集群 XML配置 超详细 core-site.xml hdfs-site.xml 3节点云服务器 2C4G HDFS Yarn MapRedece(一)
大数据-02-Hadoop集群 XML配置 超详细 core-site.xml hdfs-site.xml 3节点云服务器 2C4G HDFS Yarn MapRedece(一)
355 5
|
8月前
|
XML 资源调度 网络协议
大数据-02-Hadoop集群 XML配置 超详细 core-site.xml hdfs-site.xml 3节点云服务器 2C4G HDFS Yarn MapRedece(二)
大数据-02-Hadoop集群 XML配置 超详细 core-site.xml hdfs-site.xml 3节点云服务器 2C4G HDFS Yarn MapRedece(二)
401 4
|
8月前
|
分布式计算 资源调度 Hadoop
大数据-01-基础环境搭建 超详细 Hadoop Java 环境变量 3节点云服务器 2C4G XML 集群配置 HDFS Yarn MapRedece
大数据-01-基础环境搭建 超详细 Hadoop Java 环境变量 3节点云服务器 2C4G XML 集群配置 HDFS Yarn MapRedece
238 4
|
8月前
|
缓存 前端开发 JavaScript
前端架构思考:代码复用带来的隐形耦合,可能让大模型造轮子是更好的选择-从 CDN 依赖包被删导致个站打不开到数年前因11 行代码导致上千项目崩溃谈谈npm黑洞 - 统计下你的项目有多少个依赖吧!
最近,我的个人网站因免费CDN上的Vue.js包路径变更导致无法访问,引发了我对前端依赖管理的深刻反思。文章探讨了NPM依赖陷阱、开源库所有权与维护压力、NPM生态问题,并提出减少不必要的依赖、重视模块设计等建议,以提升前端项目的稳定性和可控性。通过“left_pad”事件及个人经历,强调了依赖管理的重要性和让大模型代替人造轮子的潜在收益
122 0
|
8月前
|
前端开发 JavaScript 开发工具
从零开始:构建、打包并上传个人前端组件库至私有npm仓库的完整指南
从零开始:构建、打包并上传个人前端组件库至私有npm仓库的完整指南
1193 0

推荐镜像

更多
  • NPM