NPM - 看起来“高大上”的操作方式(下集)

3 篇文章 0 订阅
2 篇文章 0 订阅


转载声明:本文并非原创,仅用于借鉴和总结,以尽可能的帮助他人,点击这里查看原文。

1. npm install => npm i

1.1 运行一条命令安装全部的依赖包:

npm i gulp-pug gulp-debug gulp-sass

1.2 如果安装的依赖包有个共同的前缀,还可以从第二个安装包开始省略前缀:

npm i gulp{-debug,-sass,-pug}

1.3 如果想要将依赖包安装到 Production Dependency,可以使用 --save-prod 或者 -P 标示:

# --save-prod
npm i gulp --save-prod
# _p
npm i gulp -P

1.4 一般使用 npm install 命令时如果不使用任何标示会默认地将包添加到 package.json 中,如果想要安装该包却不想被记录,可以使用 --no-save 标示:

npm i vue --no-save

2. npm view => npm v

npm view 执行后会显示包的相关信息:

npm view vue or npm v vue

在这里插入图片描述

2.1 如果想要查看当前包的最新版本信息,可以使用 version

npm view vue version
# or
npm v vue version

2.2 如果想要查看当前包的所有版本信息,可以使用 versions

npm view vue versions
# or
npm v vue versions

3. npm search => npm s

Sometimes you can’t simply remember the exact name of that package you used some time ago or that your friend recommended.

npm search 执行后会显示包含关键字相关包的列表,如果搜索多个关键字,以空格隔开:

npm search gulp debug
# or
npm s gulp debug

在这里插入图片描述

4. npm uninstall => npm rm|un|r

删除依赖包的命令,便于用户不用手动地在 package.json 中删除包:

npm uninstall vue
# or 
npm rm vue
# or
npm un vue
# or
npm r vue

PS: npm uninstall 可以使用 npm install 相关的标示,比如 --no-save 等;

5. npm repo

You can of course do a Google search, and then look for the page, or you can do this:

npm repo create-react-app

6. npm run env | grep npm_

列出所有的 npm 的可用的环境变量;

npm run env | grep npm_

在这里插入图片描述

7. 新增属于自己的 npm 环境变量(自定义)

package.json 中添加新的 keyvalue 可以新增属于自己的 npm 环境变量:

// json
"TEST_CONFIG": {
  "app": "123123"
}

// bash
> npm run env | grep npm_package_TEST_CONFIG_app
> npm_package_TEST_CONFIG_app=123123

8. 使用自定义 npm 环境变量在 npm 脚本中

Once you’ve seen the full list of variables and you want to use the value of any of those variables in your scripts, you can do this in your package.json.

自定义环境变量的命名规范是以 npm_package_ 为前缀,在 npm scripts 中要与 $ 符号组合使用访问自定义变量。

// json
"scripts": {
  "build": "gulp build --dist $npm_package_TEST_CONFIG_app"
}

// bash
> ...
> gulp build --dist 123123
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值