npm 使用指南

因为有写关于node.js的配置的博客,还有node和gulp的前端信息配置使用,其中有很多命令都用到了npm。所以这里要着重介绍一下npm。

1 npm介绍

npm(mode package manager) 是node.js的包管理器,用于node插件管理(包括安装、卸载、管理依赖)

2 npm安装插件

命令提示符:

npm install <name> --save-dev  //项目开发所需要的模块
npm install <name> --save //项目运行所依赖的模块
npm install <name> -g //全局安装

其中

  • <name>是node插件的名称。
  • 全局安装,将会安装在C:\Users\Administrator\AppData\Roaming\npm,并且写入系统的环境变量中。
  • 非全局安装,将会安装在当前所定位的项目的目录中。
  • 全局安装可以通过命令行在任意地方调用它。
  • 本地安装将安装在定位项目目录下的node_modules文件夹下,通过gulpfile.js中的require()调用。
  • --save将保存配置信息在package.json(node.js的项目配置文件)文档中的中dependencies属性。一般保存在dependencies中的像express/ejs/body-parser等
  • --save-dev保存在package.json文档中的devDependencies属性

注意:因为node的插件模块包相对比较庞大,所以不加入版本管理中,因此还需要一个.gitignore文档(参考博客《使用git上传项目到GitHub上》),将配置信息写入package.json并将其加入版本管理,这样其他的开发者就可以通过下载对应的package.json文档,然后通过执行npm install命令自动下载所需要的包(npm install --production只下载dependencies属性的包)。

3 npm卸载插件

命令提示符:

npm uninstall <name> --save-dev  //删除本地项目插件
npm uninstall <name> -g //删除全局插件

注意:不要直接删除本地的插件包,而是通过命令行删除

删除全部插件npm uninstall gulp-less gulp-uglify……太麻烦了。所以可以借助rimraf。命令行npm install rimraf -g先全局安装,然后rimraf node_modules

4 npm更新插件

命令提示符:

npm update <name> -g  //更新全局模块
npm update <name> --save-dev //更新定位的项目模块

5 查看npm帮助

命令提示符:

npm help

6 查看目录已安装插件

命令提示符:

npm list

7 常用的node插件

npm install gulp-jshint --save-dev //jshint 安装失败问题: 解决方案: npm install --save-dev jshint gulp-jshint
npm install gulp-ruby-sass --save-dev //编译sass文件
npm install gulp-concat --save-dev //合并js
npm install gulp-uglify --save-dev //通过UglifyJS来压缩JS文件.
npm install gulp-rename --save-dev //重命名文件的插件,当要把一个文件存储为不同版本时可以使用。比如在需要一个style.css同时你有需要一个style.min.css
npm install gulp-autoprefixer --save-dev //使用Autoprefixer来补全浏览器兼容的css。
npm install gulp-minify-css --save-dev //压缩css,最终是调用clean-css
npm install gulp-gzip --save-dev //压缩zip
npm install gulp-imagemin --save-dev //压缩png/jpg/git/svg 格式图片文件
npm install gulp-util --save-dev //gulp常用的工具库,在安装gulp时默认已经安装,可以直接使用
npm install gulp-clean --save-dev //清理档案
npm install gulp-watch --save-dev //gulp监听
npm install browser-sync --save-dev //浏览器自动刷新
npm install del --save-dev //删除

有道云笔记参考:http://note.youdao.com/noteshare?id=f416e9b1945df88689241900363fc981&sub=E5E9D6EBF71C482CAFF407BE573AF826

npm 的使用指南的更多相关文章

  1. 5.npm scripts 使用指南

    简单介绍 scripts里面的 "start": "node app" npm run start 相当于 node app { "name" ...

  2. npm scripts 使用指南

    转载自:http://www.ruanyifeng.com/blog/2016/10/npm_scripts.html Node 开发离不开 npm,而脚本功能是 npm 最强大.最常用的功能之一. ...

  3. windows上安装nodejs,升级npm,安装webpack指南

    安装nodejs https://nodejs.org/en/ 安装webpack和其他一些常用的 npm install -g node-gyp webpack coffee-script 监控 w ...

  4. npm stripts 使用指南

    Node 开发离不开 npm,而脚本功能是 npm 最强大.最常用的功能之一. 本文介绍如何使用 npm 脚本(npm scripts). 一.什么是 npm 脚本? npm 允许在package.j ...

  5. npm scripts 脚本基础指南

    什么是npm脚本? npm 允许在package.json文件里面,使用scripts字段定义脚本命令. 初始化package.json -> npm init -> 经历一系列的问答即可 ...

  6. npm package.json文件解读

    每个Nodejs项目的根目录下面,一般都会有一个package.json文件.该文件可以由npm init生成,定义了项目所需要的各种模块,以及项目的配置信息(比如名称.版本.许可证等元数据). pa ...

  7. Npm vs Yarn 之备忘大全

    有则笑话,如此讲到:"老丈人爱吃核桃,昨天买了二斤陪妻子送去,老丈人年轻时练过武,用手一拍核桃就碎了,笑着对我说:你还用锤子,你看我用手就成.我嘴一抽,来了句:人和动物最大的区别就是人会使用 ...

  8. 二、npm scripts

    一.执行原理 安装npm 包,会将其package.json bin 字段添加到node_modules bin 里面,创建对应的.cmd文件,因此: 例如: "scripts": ...

  9. npm脚本

    在package.json的script里面我们可以写很多npm脚本,下面我来总结一下一些日常遇到的知识点: 1.npm_lifecycle_event npm 提供一个npm_lifecycle_e ...

随机推荐

  1. CF刷刷水题找自信 2

    CF 1114A  Got Any Grapes(葡萄)? 题目意思:给三个人分葡萄,三个人对葡萄的颜色有一些要求,问所准备的三种颜色的葡萄能否满足三人的要求. 解题意思:直接按条件判断即可. #in ...

  2. 福大软工1816 - 404 Note Found选题报告

    目录 NABCD分析引用 N(Need,需求): A(Approach,做法): B(Benefit,好处): C(Competitors,竞争): D(Delivery,交付): 初期 中期 个人贡 ...

  3. python处理时间相关的方法(汇总)

    记录python处理时间的模块:time模块.datetime模块和calendar模块. python版本:2.7 在介绍模块之前,先说下以下几点: 1.时间通常有这几种表示方式: a.时间戳:通常 ...

  4. iOS- 详解如何使用ZBarSDK集成扫描二维码/条形码,点我!

    1.前言 目前市场主流APP里,二维码/条形码集成主要分两种表现形式来集成: a. 一种是调用手机摄像头并打开系统照相机全屏去拍摄 b. 一种是自定义照相机视图的frame,自己控制并添加相关扫码指南 ...

  5. DNS服务器的解析

    ---恢复内容开始--- DNS前言: 英特网作为域名和IP地址相互映射的一个分不式数据库,能够使用户更方便的访问互联网.而不用去记住能够被机器直接读取的IP地址的过程叫做域名解析(或主机名解析).D ...

  6. QSet使用及Qt自定义类型使用QHash等算法

    版权声明:若无来源注明,Techie亮博客文章均为原创. 转载请以链接形式标明本文标题和地址: 本文标题:QSet使用及Qt自定义类型使用QHash等算法     本文地址:http://techie ...

  7. SSH框架配置

    --------------------------------applicationContext.xml-------------------------------- <?xml vers ...

  8. Mybatis 中 sql 语句的占位符 #{} 和 ${}

    #{} 表示一个占位符号,通过 #{} 可以实现 preparedStatement 向占位符中设置值,自动进行 java 类型和 jdbc 类型转换.#{} 可以有效防止   sql注入. #{}  ...

  9. ZOJ2686_Cycle Gameu

    题目的意思是给你一个多边形,每条边上有一个权值,你开始在第一个点.每次你必须经过一条有权值的边,并且把该边的权值减小到任意一个非负值,到达该边的另外一个点. 谁第一个无法操作就算输. 题意很简单,解法 ...

  10. 树状数组模板(pascal) 洛谷P3374 【模板】树状数组1

    题目描述 如题,已知一个数列,你需要进行下面两种操作: 1.将某一个数加上x 2.求出某区间每一个数的和 输入输出格式 输入格式: 第一行包含两个整数N.M,分别表示该数列数字的个数和操作的总个数. ...