那些我经常使用过的npm指令

简介: 这里注意一下:有时候在win系统下面安装完yarn后,在vscode中无法使用,提示你找不到yarn命令,便可以执行如下

image.png


前言:在不断的使用过程中,渐渐的我有了自己使用npm包的一套小方式,不能说很好,但对我来说已经非常方便了。


1、npm 安装其他包工具


// 添加-g 便是全局安装的意思。
npm install -g yarn
npm install -g cnpm
npm install -g pnpm


顺便说一下,我现在基本不使用npm和yarn了,感觉pnpm真的好使,没用过的可以去尝试一下。


这里注意一下:有时候在win系统下面安装完yarn后,在vscode中无法使用,提示你找不到yarn命令,便可以执行如下


以管理员运行 power shell
执行 set-executionpolicy remotesigned
输入:Y


然后重新执行命令,如果不行,就重启 vscode ,如果还不行就重启电脑再试一下


npm 命令如果在 vscode 中不能生效,有时候需要把 vscode 右键管理员运行才可以


2、查看和设置镜像源


有时候你会发现由于网络等问题,npm i,或者yarn执行中的时候,愣是不动了,很有可能下载不了了。此时可以通过更改镜像源解决。


// 查看镜像源 npm可替换为yarn、pnpm、cnpm
npm config get registry
// 设置镜像源 同样npm可替换为yarn、pnpm、cnpm
npm config set registry https://registry.npmmirror.com


淘宝镜像以10分钟一次的频率同步官网,现在淘宝镜像源地址已经跳转到registry.npmmirror.com ,换了一个更专业的域名。


当然这里还有更方便的方式去管理镜像源


3、更方便的管理镜像源


先来安装yrm、或者nrm,这两个小工具感觉是一样的功能


npm i yrm -g
npm i nrm -g


image.png


可以看到这里有这么多的镜像源,其实平常我主要使用的就是npm  taobao


但是有时候可能速度是不一样,通过test指令


image.png


//测试 taobao 镜像源的速度
yrm test taobao  
// 测试 npm 镜像源的速度
yrm test npm  
// 使用taobao 镜像源
yrm use taobao  


4、pnpm 安装脚手架


// 安装
pnpm install -g @vue/cli(npm 同)
// or
yarn global add @vue/cli
// 检查是否安装成功通过版本
vue --version
// 更新版本
pnpm update -g @vue/cli


5、npm 版本号前的符号^  ~


^主版本号不会变,另外两个版本号会更新到最新
~主版本和次要版本不会变,最后一个版本号会更新到最新
啥也没有:固定版本,不会更新


6、npm安装依赖时的 -D -S 意义


-D 是在开发环境中协助开发需要使用的
-S 是生产环境打包时需要的
在package.json中 -D在devDependencies对象中,-S在dependencies对象中


但真正使用安装在devDependencies或者dependencies里都不影响使用


7、npm update 更新包


pnpm update package-name  (npm 同)


8、清理 npm 安装包的缓存


npm cache clean --force


9、初始化package.json


pnpm init(npm 同)


10、vscode中配置默认的命令行工具


image.png


  • 首先点击vscode中左下角的设置按钮,展开面板,点击设置
  • 然后输入shell,找到 Terminal> Intergrated> Default Profile: Windows
  • 下拉中选择你想使用的命令行工具,我这里选择的是Git Bash


11、总结








  • 日常使用过的npm指令,有空再去研究一下package.json中常用节点的真正含义。
目录
相关文章
|
5天前
|
资源调度 前端开发 JavaScript
nvm,npm,yarn相关指令,前端配置准备
nvm,npm,yarn相关指令,前端配置准备
9 1
|
5天前
|
JSON 数据格式
npm指令
npm指令
9 0
|
5天前
npm 常用指令
npm 常用指令
20 0
|
5天前
|
资源调度 JavaScript 前端开发
npm和yarn到底用个好以及对应的使用指令大总结
npm和yarn到底用个好以及对应的使用指令大总结
111 0
npm指令的串行执行和并行执行有那几种方式
就是上一篇文章中介绍的&和&&,如果有不太明白的,可以点击前言中的链接去看一下,相信你可以学到一些知识,如果你已经非常熟悉,那就可以忽略了。
311 0
|
存储 缓存 JSON
npm常用的指令
npm包管理工具
121 0
|
存储 缓存 JSON
Node.js之模块加载机制及npm指令详解
本文主要介绍了Node.js中模块加载机制及npm指令
153 0
Node.js之模块加载机制及npm指令详解
node 通过指令创建一个package.json文件及npm安装package.json
描述包的文件是package.json文件. 一个这样的文件,里面的信息还是挺大的.我们可以放弃手动建立.为了练手我们有命令行来建一个这样的包; 完成name,varsion....license项的信息填写后会出现这样一段话.
1035 0
|
5天前
|
网络安全 计算机视觉
【node】 npm install 报错:code 128
【node】 npm install 报错:code 128
41 1

推荐镜像

更多