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


目录
相关文章
|
23天前
|
资源调度
npm yarn 启动报错【已解决】
npm yarn 启动报错【已解决】
24 2
|
2天前
|
前端开发 JavaScript Linux
若依修改之后,无法访问前端项目如何解决,只能访问后端的接口,我的接口8083,端不显示咋解决?在vue.config.js文件中的映射路径要跟后端匹配,到软件商店里找到Ngnix配置代理,设80不用加
若依修改之后,无法访问前端项目如何解决,只能访问后端的接口,我的接口8083,端不显示咋解决?在vue.config.js文件中的映射路径要跟后端匹配,到软件商店里找到Ngnix配置代理,设80不用加
|
25天前
|
缓存 前端开发 JavaScript
Webpack作为模块打包器,为前端项目提供了高度灵活和可配置的构建流程
【6月更文挑战第12天】本文探讨了优化TypeScript与Webpack构建性能的策略。理解Webpack的解析、构建和生成阶段是关键。优化包括:调整tsconfig.json(如关闭不必要的类型检查)和webpack.config.js选项,启用Webpack缓存,实现增量构建,代码拆分和懒加载。这些方法能提升构建速度,提高开发效率。
36 3
|
3天前
|
前端开发
若依修改,前端部署最初的样子,Ngnix部署最初的模样,配置域名/,就能够访问,最初的Ngnix的配置是怎样写的
若依修改,前端部署最初的样子,Ngnix部署最初的模样,配置域名/,就能够访问,最初的Ngnix的配置是怎样写的
|
5天前
|
前端开发 JavaScript
前端 JS 经典:Vite 分包配置
前端 JS 经典:Vite 分包配置
7 0
|
6天前
|
JavaScript 前端开发 开发者
前端核心框架Vue指令详解
前端核心框架Vue指令详解
|
10天前
|
前端开发 安全 NoSQL
技术笔记:Security前端页面配置
技术笔记:Security前端页面配置
|
10天前
|
前端开发 JavaScript 开发者
NPM简介与使用指南:打造前端开发的利器
NPM简介与使用指南:打造前端开发的利器
5 0
|
16天前
|
前端开发 JavaScript 算法
前端高级技术框架Vue2从入门安装到常见指令
前端高级技术框架Vue2从入门安装到常见指令
14 0
|
20天前
|
存储 缓存 资源调度
npm、yarn与pnpm详解
npm、yarn与pnpm详解
27 0

推荐镜像

更多