npm 一些有用的提示和技巧
生成 package.json
我们通常执行 npm init
,然后开始添加 npm 请求的信息。 但是,如果我们不关心所有这些信息,并且希望保留默认值,那么对于 npm 请求的每一条数据,我们都按 enter 键。为了避免这种情况,你可以输入 npm init -y
。这样就可以跳过问题询问了。
注:你也可以使用 npm init --yes
作用是一样的。
安装模块
你可以使用更加简单的 npm i
来代替 npm install
。
一次安装多个模块
你不需要为每个模块键入一个 npm install
命令,例如:
npm i gulp-pug
npm i gulp-debug
npm i gulp-sass
你可以只运行一个命令,一次性安装所有这些模块:
npm i gulp-pug gulp-debug gulp-sass
还有更加简单的方法,如果所有名称都以相同的前缀开头,你不需要键入整个名称:
npm i gulp{-debug,-sass,-pug}
使用 install flags(安装参数) 的快捷方式
如果要安装软件包并将其另存为生产依赖项,则通常会这样做
npm i gulp --save-prod
你可以使用 -P
快捷方式,像这样:
npm i gulp -P
对于开发依赖项也是一样,不需要键入完整的 --save-dev
标志,你可以使用 -D
快捷方式,像这样:
npm i gulp -D
默认情况下,当你运行不带任何 flags(参数) 的 npm install
时,npm 会将包作为依赖项添加到 package.json
文件中。 如果要防止这种情况,请使用 --no-save
flags(参数) 安装,如下所示:
npm i gulp --no-save
获取包信息
下面的命令将显示 vue 包的相关信息:
npm view vue
或 npm v vue
如果你只想获得最新版本的软件包,可以试试下面这个命令:
> npm v vue version
> 2.5.17
如果你想获得 npm 包完整的版本列表,请尝试复数形式
> npm v vue versions
> [ '0.0.0',
'0.6.0',
'0.7.0',
...
'2.5.15',
'2.5.16',
'2.5.17-beta.0',
'2.5.17' ]
安装特定版本的软件包
如果要安装版本,而不是最新版本的软件包,可以键入:
npm i vue@2.5.15
鉴于记忆名称比数字更容易(至少对我来说),你可以使用 dist-tag 列表中名称,运行 npm v
命令即可得到该列表 ,如下所示:
npm i vue@beta
搜索 package(包)
有时你可能记不住你前一段时间或你朋友推荐的某个 package(包) 的确切名称。 在这种情况下,你可以使用 npm 搜索,直接在终端中执行搜索:
npm search gulp debug
或者
npm s gulp debug
这将打印包含描述,作者和一些其他信息的包列表:
卸载 package(包)
如果你不想打开 package.json 文件并从那里手动删除依赖项,则可以使用以下命令将其删除:
npm uninstall vue
这将从 node_modules
文件夹和 package.json
文件中删除该包。 当然,你可以使用 rm
, un
或 r
来实现相同的效果,例如:
npm rm vue
如果由于某种原因你只想从 node_modules
文件夹中删除包文件,但仍然将其作为依赖项保存在 package.json
文件中,则可以使用 --no-save
参数:
npm rm vue --no-save
列出依赖项
如果要查看项目依赖项列表,可以使用
npm ls
这将列出 package.json
文件中所有的依赖项以及它们的所有依赖项。 如果你只想列出你的依赖项,你可以这样做
npm ls --depth=0
这将打印出这样的东西:
├── jquery@3.3.1
├── vue@2.5.17
└── yarn@1.12.3
当然,如果要查看所有全局安装的包的列表,可以使用 -g
标志
npm ls -g -depth 0
运行测试
你可以使用 npm run tests
运行测试,但你可以用 npm test
甚至更简短的 npm t
代替。
显示可用的 script
有时,我们希望查看 package.json
文件中包含的脚本。 我们当然可以打开 package.json
文件,但我们也可以这样做:
npm run
如果在 package.json
文件中有这样的配置,如下所示:
"scripts": {
"test": "jest",
"build": "gulp build"
}
那么 npm run
命令将显示以下内容:
Lifecycle scripts included in npm:
test
jest
available via `npm run-script`:
build
gulp-build
从 Github 仓库安装 package(包)
你可以直接从 Github 仓库安装一个包:
npm i https://github.com/sindresorhus/gulp-debug
或者你可以省略域名部分
npm i sindresorhus/gulp-debug
打开包的 Github 页面
你当然可以通过 Google 搜索,然后查找该页面,或者你可以执行以下操作:
npm repo create-react-app
无需安装软件包即可执行上述命令。
列出所有可用的 NPM 环境变量
你可以通过运行以下命令来查看可供我们使用的 NPM 变量的完整列表:
npm run env | grep npm_
上面的命令将打印如下内容:
npm_config_fetch_retry_maxtimeout=60000
npm_config_tag_version_prefix=v
npm_config_strict_ssl=true
npm_config_sso_type=oauth
这些变量的好处是它们可以在你的脚本中使用,你甚至可以创建自己的 NPM 环境变量,让我们看看如何创建。
添加自己的 NPM 变量
你可以通过向 package.json
文件添加自己的 NPM 变量。 它可以是任何 key,但我更喜欢将所有 NPM 变量放在 config
key 中,以保持结构有序。 像这样:
"config": { "build_folder":"./dist" }
现在,如果你使用前面讨论的命令 npm run env | grep npm_
列出你的变量,你会看到你的新变量在那里:
npm_package_config_build_folder=./dist
npm_config_fetch_retry_maxtimeout=60000
npm_config_tag_version_prefix=v
npm_config_strict_ssl=true
npm_config_sso_type=oauth
默认情况下,npm 会将你的变量命名以 npm_package
为前缀,并保持其在 package.json文件中的结构,即 config_build_folder
。
在 NPM script 中使用 NPM 变量
一旦你看到了完整的变量列表,并且你希望在 script 中使用这些变量中的任何一个的值,那么你就可以在 package.json 中执行此操作(请参阅上一节中变量 npm_package_config_build_folder
的值)
"scripts": {
"build": "gulp build --dist $npm_package_config_build_folder"
}
一旦你用 npm run build
运行这个命令,它将被执行为
gulp build --dist ./dist
npm 一些有用的提示和技巧的更多相关文章
- Web 开发中 9 个有用的提示和技巧
在本文中,我们给出 9 个有用的 HTML.CSS 和 JavaScript 的技巧和提示,可能在做 Web 开发中经常会需要用到的,其中有几个是关于 HTML5 和 CSS3 的,如果你是一个前端开 ...
- 开发中可能会用到的几个 jQuery 小提示和技巧
今天,我们将分享一些很有用的技巧和窍门给 jQuery 开发人员.jQuery 是最好的 JavaScript 库之一,用于简化动画,事件处理,支持 Ajax 和 HTML 的客户端脚本.网络中有大量 ...
- 25个增强iOS应用程序性能的提示和技巧(高级篇)(2)
25个增强iOS应用程序性能的提示和技巧(高级篇)(2) 2013-04-16 14:56 破船之家 beyondvincent 字号:T | T 在开发iOS应用程序时,让程序具有良好的性能是非常关 ...
- 25个增强iOS应用程序性能的提示和技巧(中级篇)(3)
25个增强iOS应用程序性能的提示和技巧(中级篇)(3) 2013-04-16 14:42 破船之家 beyondvincent 字号:T | T 本文收集了25个关于可以提升程序性能的提示和技巧,分 ...
- 25个增强iOS应用程序性能的提示和技巧--中级篇
25个增强iOS应用程序性能的提示和技巧--中级篇 标签: ios性能优化内存管理 2013-12-13 10:55 738人阅读 评论(0) 收藏 举报 分类: IPhone开发高级系列(34) ...
- 25个增强iOS应用程序性能的提示和技巧(初级篇)
25个增强iOS应用程序性能的提示和技巧(初级篇) 标签: ios内存管理性能优化 2013-12-13 10:53 916人阅读 评论(0) 收藏 举报 分类: IPhone开发高级系列(34) ...
- 增强iOS应用程序性能的提示和技巧(25个)
转自 http://www.cocoachina.com/newbie/basic/2013/0522/6259.html 在开发iOS应用程序时,让程序具有良好的性能是非常关键的.这也是用户所期望的 ...
- (转)25个增强iOS应用程序性能的提示和技巧--初级篇
在开发iOS应用程序时,让程序具有良好的性能是非常关键的.这也是用户所期望的,如果你的程序运行迟钝或缓慢,会招致用户的差评.然而由于iOS设备的局限性,有时候要想获得良好的性能,是很困难的.在开发过程 ...
- 几个 jQuery 小提示和技巧
几个 jQuery 小提示和技巧 今天,我们将分享一些很有用的技巧和窍门给 jQuery 开发人员.jQuery 是最好的 JavaScript 库之一,用于简化动画,事件处理,支持 Ajax 和 H ...
随机推荐
- linux上mysql MM(双主)架构及keepalived搭建
master1 10.1.1.14 VIP 10.1.1.16master2 10.1.1.15 VIP 10.1.1.16 一.mysql MM配置1.修改master1的my.cnf# vi /e ...
- scrapy 发post请求
可以使用 yield scrapy.FormRequest(url, formdata, callback)方法发送POST请求. 如果希望程序执行一开始就发送POST请求,可以重写Spider类的s ...
- django基础知识之模板继承:
模板继承 模板继承可以减少页面内容的重复定义,实现页面内容的重用 典型应用:网站的头部.尾部是一样的,这些内容可以定义在父模板中,子模板不需要重复定义 block标签:在父模板中预留区域,在子模板中填 ...
- http文件传输
上传端: File uploadFile =new File(); PostMethod mPost = null; try{ String targetURL ="; HttpClient ...
- 寻觅Azure上的Athena和BigQuery(一):落寞的ADLA
AWS Athena和Google BigQuery都是亚马逊和谷歌各自云上的优秀产品,有着相当高的用户口碑.它们都属于无服务器交互式查询类型的服务,能够直接对位于云存储中的数据进行访问和查询,免去了 ...
- Codeforces Round #565 (Div. 3) F.Destroy it!
题目地址:http://codeforces.com/contest/1176/problem/F 思路:其实就是一个01背包问题,只是添加了回合和每回合的01限制,和每当已用牌数到了10的倍数,那张 ...
- Web自动化测试 三 ----- DOM对象和元素查找
一.DOM对象 DOM(Document Object Model文档对象模型):将HTML的各种元素映射为JS可访问的对象.HTML文档中的所有内容都是节点,这些东西在HTML中我们称为元素. 整个 ...
- 基于缓存或zookeeper的分布式锁实现
缓存锁 我们常常将缓存作为分布式锁的解决方案,但是却不能单纯的判断某个 key 是否存在 来作为锁的获得依据,因为无论是 exists 和 get 命名都不是线程安全的,都无法保证只有一个线程可以获 ...
- ElementUI 源码简析——源码结构篇
ElementUI 作为当前运用的最广的 Vue PC 端组件库,很多 Vue 组件库的架构都是参照 ElementUI 做的.作为一个有梦想的前端(咸鱼),当然需要好好学习一番这套比较成熟的架构. ...
- KVM :vnc 远程控制kvm创建虚拟机
一.vnc远程控制服务器 前期准备: 1.编辑/etc/hosts vi /etc/hosts 10.1.16.32 kvm 2.关闭防火墙 service iptables stop 3.关闭sel ...