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


目录
相关文章
|
8天前
|
前端开发
windows10 安装node npm 等前端环境 并配置国内源
windows10 安装node npm 等前端环境 并配置国内源
|
29天前
|
资源调度 JavaScript Linux
nvm, node.js, npm, yarn 安装配置
nvm, node.js, npm, yarn 安装配置
66 1
|
1天前
|
缓存 前端开发 JavaScript
Webpack作为模块打包器,为前端项目提供了高度灵活和可配置的构建流程
【6月更文挑战第12天】本文探讨了优化TypeScript与Webpack构建性能的策略。理解Webpack的解析、构建和生成阶段是关键。优化包括:调整tsconfig.json(如关闭不必要的类型检查)和webpack.config.js选项,启用Webpack缓存,实现增量构建,代码拆分和懒加载。这些方法能提升构建速度,提高开发效率。
24 3
|
4天前
|
存储 缓存 资源调度
你真的知道 NPM、Yarn 与 PNPM 这三个前端包管理器之间的区别吗?
【6月更文挑战第9天】NPM、Yarn和PNPM是主流前端包管理器,各有特色。NPM生态庞大,易用但速度慢;Yarn速度快,依赖管理稳定;PNPM性能优异,节省磁盘空间。Yarn和PNPM在速度和确定性上胜出,NPM因广泛使用和丰富资源领先。开发者可根据项目需求和喜好选择,三者共同推动前端开发进步。
24 8
|
18天前
|
SQL 分布式计算 资源调度
Hadoop Yarn 配置多队列的容量调度器
配置Hadoop多队列容量调度器,编辑`capacity-scheduler.xml`,新增`hive`队列,`default`队列占总内存40%,最大60%;`hive`队列占60%,最大80%。配置包括队列容量、用户权限和应用生存时间等,配置后使用`yarn rmadmin -refreshQueues`刷新队列,无需重启集群。多队列配置可在Yarn WEB界面查看。
|
28天前
|
消息中间件 SQL 资源调度
实时计算 Flink版产品使用合集之 Flink on YARN 中使用滚动日志时配置不生效如何解决
实时计算Flink版作为一种强大的流处理和批处理统一的计算框架,广泛应用于各种需要实时数据处理和分析的场景。实时计算Flink版通常结合SQL接口、DataStream API、以及与上下游数据源和存储系统的丰富连接器,提供了一套全面的解决方案,以应对各种实时计算需求。其低延迟、高吞吐、容错性强的特点,使其成为众多企业和组织实时数据处理首选的技术平台。以下是实时计算Flink版的一些典型使用合集。
|
29天前
|
资源调度 前端开发 JavaScript
够啦!前端Yarn配置和命令
够啦!前端Yarn配置和命令
38 0
|
10天前
|
JSON 前端开发 JavaScript
前端Ajax、Axios和Fetch的用法和区别笔记
前端Ajax、Axios和Fetch的用法和区别笔记
15 2
|
27天前
|
移动开发 前端开发 JavaScript
10款精美的web前端源码的特效,2024年最新面试题+笔记+项目实战
10款精美的web前端源码的特效,2024年最新面试题+笔记+项目实战
|
29天前
|
存储 前端开发 JavaScript
前端笔记_OAuth规则机制下实现个人站点接入qq三方登录
前端笔记_OAuth规则机制下实现个人站点接入qq三方登录
47 1

推荐镜像

更多