npm install cracoc 老版本_npm&nvm&nrm&yarn常用的命令和常见的手法

最新推荐文章于 2024-09-10 13:12:13 发布
最新推荐文章于 2024-09-10 13:12:13 发布
阅读量408 收藏 1
点赞数 1
文章标签： npm install cracoc 老版本 npm install报错 npm install是什么命令 npm run dev 后dist 被情况 yarn 和 yarn install yarn临时目录 没有jar包

7f8fa51a1cfe3a26bb346e48f0bb2fac.png

npm

查看全局依赖列表

npm install -g --depth 0

查看npm配置列表

 npm config list

npm 升级

npm install npm@latest -g 或 npm i -g npm

@ 符号后面可以添加你想更新到的版本号

升级依赖

1. 按照自身规则升级

npm update webpack

执行后，会按照package.json里指定的版本升级规则升级(*,~，^,@)

2. 升级到特定版本

npm update webpack@2.3.3

此方式不会自动更新package.json文件的内容，需要手动更新

清除npm缓存

  • 查看: npm config get cache
  • 验证缓存数据的有效性和完整性: npm cache verify
  • 删除缓存目录下的所有数据: npm cache clean --force

淘宝镜像源与cnpm

单次使用

npm install --registry=https://registry.npm.taobao.org

永久使用

设置成全局的下载镜像站点，这样每次install的时候就不用加--registry，默认会从淘宝镜像下载。

方法一

1. 打开.npmrc文件(nodejsnode_modulesnpmnpmrc，没有的话可以使用git命令行 建一个( touch .npmrc)，用cmd命令建会报错)

2. 增加 registry =https://registry.npm.taobao.org 即可。

方法二

命令行设置:

npm config set registry https://registry.npm.taobao.org

检测是否成功

npm config get registry

还原npm仓库地址

npm config set registry https://registry.npmjs.org/

cnpm和淘宝镜像一步到位

npm install -g cnpm --registry=https://registry.npm.taobao.org

检测cnpm版本 cnpm -v ，如果安装成功可以看到cnpm的基本信息 以后安装插件只需要使用 cnpm intall 即可

npm与cnpm区别

cnpm安装模块的时候会在node_modules文件夹生成二个文件夹，一个以下划线 _开头以及版本号组成的名字，一个正常名字的模块，文件夹名字虽然不一样，但里面文件是一样的。比如:

执行 cnpm install lodash ,会在 node_modules 文件夹下生成两个文件夹: _lodash@4.17.11@lodash 和 lodash

先执行了 cnpm install lodash ，然后再执行 npm install lodash ，npm安装的lodash会替换掉 cnpm安装的lodash包(包括以下划线开头那个包)，文件夹会只剩一个npm先安装的lodash包。再 次 npm uninstall lodash 或者 cnpm uninstall lodash ,都会删除lodash包，此时插件包就变成空 文件夹了。

先执行了 cnpm install lodash ，然后再执行 npm uninstall lodash 后，此时会报错

npm ERR! code EINVALIDPACKAGENAME
npm ERR! Invalid package name "_lodash@4.17.11@lodash": name cannot start with an underscore;

name can only contain URL-friendly characters

但是使用cnpm uninstall lodash后，不会报错，此时会删掉cnpm安装的两个包中其中一个即非下划线 (正常名字)的包。剩余的那个包是可以正常通过鼠标点击打开的。然后在文件中require会报错，提示 没有这个包。

先执行了cnpm install lodash，然后手动删除cnpm安装的两个包中其中一个即下划线(非正常名字) 的包，剩余的那个包，发现无法通过鼠标点击打开了。然后在文件中require会报错，提示没有这个包。

所以，cnpm安装的的2个模块，两者应该存在引用关系，正常名字模块是非正常名字模块的索引，两者 都必须存在才可以使用。但是npm安装下来就不存在这种情况了，因为只有一个正常名字模块。

发现，尽管使用npm改成淘宝仓库，发现安装速度还是远远比cnpm慢(当模块比较多的时候)。可能 应该和cnpm安装的文件结构有关系吧。

nrm 管理源

  • 全局安装nrm: npm install -g nrm
  • 查看可选的源: nrm ls
  • 切换源: nrm use 例如: nrm use taobao
  • 增加源: nrm add <registry> <url> ，其中reigstry为源名，url为源的路径 删除源: nrm del <registry>
  • 测试速度: nrm test ，通过 nrm test 测试相应源的响应时间

举个栗子

  • 增加: nrm add registry http://registry.npm.frp.trmap.cn/
  • 切换: nrm use taobao
  • 测试: nrm test npm

使用不同源安装依赖有两种方式

1. 使用nrm来回切换源进行安装
2. 不使用nrm切换，设置安装 npm i -g pkg --registry url

nvm

nvm和n都是node版本管理工具

为了解决node各种版本存在不兼容现象

nvm是让你在同一台机器上安装和切换不同版本的node的工具

命令

  • nvm ls-remote :列出所有可以安装的node版本号
  • nvm install v10.4.0 :安装指定版本号的node
  • nvm use v10.3.0 :切换node的版本，这个是全局的
  • nvm current :当前node版本
  • nvm ls :列出所有已经安装的node版本

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 //显示某配置项
yarn config delete //删除某配置项
yarn config set [-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 :移除一个包，会自动更新package.json和yarn.lock 更新一个依赖
yarn upgrade 用于更新包到基于规范范围的最新版本
运行脚本
yarn run 用来执行在 package.json 中 scripts 属性下定义的脚本 显示某个包的信息
yarn info 可以用来查看某个模块的最新版本信息

缓存
yarn cache
yarn cache list # 列出已缓存的每个包 yarn cache dir # 返回 全局缓存位置 yarn cache clean # 清除缓存

yarn升级

不能通过npm install yarn -g的方法获得最新的yarn

  • 方案一

通过msi安装升级yarn通过msi安装的yarn并不会覆盖通过npm安装的yarn，两者同时存在。卸载 的话，也是分开卸载的。

  • 方案二

npm加版本号安装我们已经知道了yarn的最新版的版本号，就可以直接指定版本号进行安装。 npm install yarn@1.3.2 -g

查看npm上的最新版本: npm view yarn version n

pm加latest安装: npm install yarn@latest -g

yarn的卸载

理论上来说，npm/cnpm/yarn安装的包都是不同的包，通过msi安装的包也是不同的包，需要使用对应的方式进行卸载。所以卸载的时候，可能会比较混乱。

在window环境下，也存在着个 where 命令(但是没有 which )。这个命令，可以清晰的指示你，当前 的yarn的路径，进而选择对应的删除方式。

举个栗子

yarn安装taro依赖包后，运行taro却不是内部命令。

解决:

1. 首先终端运行命令 yarn global bin ，查找yarn安装目录

2. 把安装目录添加到系统环境变量中，重新打开终端即可

weixin_39525243
关注
npm 安装指定版本（按版本安装）
日常笔记/总结/系列知识梳理
08-13 22万+
注解：比如， babel 是发布时，将 ES6 代码编译成 ES5 ，那么 babel 就是devDependencies。Vue项目中vue-router，由于发布之后还是依赖vue-router，所以是dependencies。
nvm（node版本控制工具）与nrm（npm源管理器）的使用
acaiEncode的博客
04-24 414
在项目实际开发中，单一的环境往往会遇到node的升级/降级、npm的升级/降级、node与npm不兼容、依赖包安装速度慢或卡顿等问题，从而影响开发效率，此时该如何解决呢？那么接下来就介绍nvm与nrm
npm install cracoc 老版本_遇到npm install的错误，多比较比较npm的版本
weixin_39887546的博客
11-27 213
如果从github上clone一个项目下来，同样的npm install命令，在你同事那里工作，但是你本地不行，除了检查目录C:甥敳獲AppDataRoamingpm-cache_logs下的日志外，再比较比较npm的版本。我今天遇到的这个错误：11314 verbose stack Error: write after end11314 verbose stack at writeAfterEn...
【React】CRACO 重写 React 配置
最新发布
小秀的博客
09-10 423
eject 命令可以是将 cra 配置完全暴露出来，但这是一个不可逆的操作，同时也会失去CRA带来的便利和后续升级。所以我们可以选择 craco 重写 react 配置。craco 是专门由于 cra 配置的重写，扩展配置 cra （webpack）。根目录下创建 craco.config.js 和配置。
推荐使用CRACO：轻量级的React配置层工具
gitblog_00605的博客
08-08 782
推荐使用CRACO：轻量级的React配置层工具 cracoCreate React App Configuration Override, an easy and comprehensible configuration layer for Create React App.项目地址:https://gitcode.com/gh_mirrors/cr/craco 项目介绍 CRACO，全称Cr...
在 create-react-app创建的项目中使用craco插件覆盖默认react-script的webpack配置
Carrycjava的博客
12-06 528
对于命令： create-react-app 创建的项目默认使用的是 react-scripts（存在于node_modules文件夹中）来处理开发服务器和构建，它内置了一些webpack相关配置。而 craco（Create React App Configuration Override）是用来定义和覆盖由 create-react-app 内置配置的插件。
npm 查看模块全部版本以及更新到指定版本
热门推荐
CapMiachael的博客
07-03 1万+
npm 查看模块全部版本以及更新到指定版本 查看模块全部版本 //xxx 为模块名 例如 ionic、jquery等 npm view XXX versions 更新模块到指定版本 //xxx 为模块名 例如 ionic、jquery等 yyyy为版本号 例如3.1.2 npm install -g XXXX@YYYY...
npm/yarn 安装和命令
m0_60323584的博客
08-15 6601
npm/yarn 安装和命令
npm + yarn + nrm + cnpm + nvm 这几个玩意（包）你搞清楚了吗
即使萍水也不要相逢的博客
01-26 555
前言 什么是包？ 在编写代码的时候尽量遵守单一原则，也就是一个函数尽量只做一件事情；例如：读取数据函数 / 写入数据函数 / 生成随机数函数 等等，不要一个函数既读取数据又写入数据又生成随机数，这样代码非常容易出错，也非常难以维护； 在模块化开发中也一样，在一个模块（一个文件中）尽量只完成一个特定的功能，但是有些比较复杂的功能可能需要由多个模块组成；例如：当你进入jQuery官网时（https://jque...
js教程 node,npm,nvm,nrm,yarn使用
qq_36723759的博客
01-20 1116
npm,nvm,yarn使用nvm， node， npm，nrm,yarnnode的安装与卸载node的安装node的卸载npm一、npm的安装二、npm创建并且初始化项目三、npm下载开发环境使用的第三方库四、npm下载发布环境使用的第三方库五、npm卸载第三方库六、npm对git仓库下载的项目的所有第三方库进行下载七、搜索npm仓库中的指定第三方库，更新指定第三方库nvmnvm安装命令nvm常...
Node.js介绍和环境配置（含NVM、NPM、YARN的安装）
Jumbo
11-09 514
Node.js的介绍 什么是 Node.js（官方解释） Node.js 是一个基于 Chrome V8 引擎的 JavaScript 代码运行环境。 Node.js使用了一个事件驱动、非阻塞式I/O的模型（ Node.js的特性），使其轻量级又高效。 Node.js 的包管理器 npm 是全球最大的开源库生态系统。 如上图所示： Node 内部采用 Google Chrome 的 V8 引擎，作为 JavaScript 语言解释器； 通过自行开发的 libuv 库，调用操作系统资源。 什么是 No
craco-fast-refresh:[:warning:DEPRECATED]一个Craco插件，用于为React组件启用“快速刷新”（也称为热刷新）
04-30
:warning: 弃用警告 自从 v4发行以来，正式支持Fast Refresh，此插件仅在create-react-app v3上有效，并且存在一些错误（例如多个错误覆盖），请尽可能使用create-react-app v4 。 欢迎来到craco-fast-refresh :waving_hand: 一个Craco插件，用于为React组件启用“快速刷新”（以前也称为热刷新）。 什么是快速刷新 React Fast Refresh是的替代品。 快速刷新使您的React应用程序在代码更改时轻而易举地重新加载，从而提供了出色的开发人员体验。 更多信息： 中等的 安装 如果您使用yarn ： yarn add -D craco-fast-refresh 如果您使用npm ： npm i -D craco-fast-refresh 用法 将插件对象添加到craco.config文件上的plugins
安装craco报错 antd react 修改全局主题
weixin_47180815的博客
06-20 1754
antd react 修改全局主题 安装craco报错 npm i @craco\craco@7.0.0-alpha.3 官网的命令是npm install @craco/craco，这样会导致craco版本不够新，也就是运行报错的关键，所以使用我这边的命令，安装最新版本的craco /* package.json */ "scripts": { - "start": "react-scripts start", - "build": "react-scripts build", - "t
配置craco报错
Akukudeteng的博客
04-20 1535
配置npm install @craco/craco 报错 查看报错信息是因为 react-scripts 需要得版本是4.0 版本， 所以，将 react-script的版本从5.0.1降级到4.0.0版本 npm install @craco/craco --save 正在上传…重新上传取消 ...
craco的配置
DanteKing的博客
01-23 1791
react项目craco插件的配置
React项目使用craco（由create-react-app创建项目）
weixin_57844432的博客
11-22 3578
craco适用：使用 create-react-app 创建项目，不想 eject 项目但想对项目中 wepback 进行自定义配置的开发者。
万字长文详解react项目使用craco进行配置并集成Prettier、Eslint、husky、lint-staged
guxin_duyin的博客
09-26 7233
craco Prettier Eslint husky lint-staged
‘C:\Program‘ 不是内部或外部命令，也不是可运行的程序 或批处理文件。
秋窗的博客
03-01 2376
最近在学java，昨天遇到一个很吊诡的问题，搞了我一个晚上都没解决，现在算是解决了。正如标题所示，这是我在vscode里运行java程序，企图调出外部控制台时，在终端显示的问题。我上网一通搜索，感觉跟我的问题八杆子打不到一起，于是我只能自己想着怎么解决，虽然花了一个晚上，不过结果终究是好的。
了解npm和cnpm
qq_60976312的博客
02-28 2746
了解npm和cnpm
npm install yarn -g 和npm install命令区别
04-26
npm install命令用于安装项目所需的依赖包，而npm install yarn -g命令则是全局安装yarn包管理器。 具体区别如下： 1. npm install命令会将依赖包安装到当前项目的node_modules目录下，而npm install yarn -g命令会将yarn包管理器安装到全局环境中，可以在任何项目中使用。 2. npm install命令默认使用npm作为包管理器，而npm install yarn -g命令则是使用yarn作为包管理器。 3. yarn是由Facebook开发的一款快速、可靠、安全的包管理器，相比npm，它具有更快的下载速度和更稳定的依赖管理能力。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值