携手创作,共同成长!这是我参与「掘金日新计划 · 8 月更文挑战」的第16天,点击查看活动详情。
前言:在不断的使用过程中,渐渐的我有了自己使用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中常用节点的真正含义。