前言:在不断的使用过程中,渐渐的我有了自己使用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
可以看到这里有这么多的镜像源,其实平常我主要使用的就是npm
taobao
但是有时候可能速度是不一样,通过test指令
//测试 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中配置默认的命令行工具
- 首先点击vscode中左下角的设置按钮,展开面板,点击设置
- 然后输入shell,找到 Terminal> Intergrated> Default Profile: Windows
- 下拉中选择你想使用的命令行工具,我这里选择的是Git Bash
11、总结
- 关于公司部署私有npm仓库我前两天的总结juejin.cn/post/712931…
- 关于npm串行指令和并行指令我前两天的总结juejin.cn/post/712818…
- 关于npm init 命令的详细解析我前两天的总结juejin.cn/post/712818…
- 关于如何发布第一个npm包到npmjs.com挂网我前两天的总结juejin.cn/post/712782…
- 关于nodejs的版本管理我前两天的总结juejin.cn/post/712748…
- 关于npm串行指令和并行指令各种组合式如何运行我前两天的总结juejin.cn/post/712703…
- 日常使用过的npm指令,有空再去研究一下package.json中常用节点的真正含义。