npm 的使用指南
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 的使用指南的更多相关文章
- 5.npm scripts 使用指南
简单介绍 scripts里面的 "start": "node app" npm run start 相当于 node app { "name" ...
- npm scripts 使用指南
转载自:http://www.ruanyifeng.com/blog/2016/10/npm_scripts.html Node 开发离不开 npm,而脚本功能是 npm 最强大.最常用的功能之一. ...
- windows上安装nodejs,升级npm,安装webpack指南
安装nodejs https://nodejs.org/en/ 安装webpack和其他一些常用的 npm install -g node-gyp webpack coffee-script 监控 w ...
- npm stripts 使用指南
Node 开发离不开 npm,而脚本功能是 npm 最强大.最常用的功能之一. 本文介绍如何使用 npm 脚本(npm scripts). 一.什么是 npm 脚本? npm 允许在package.j ...
- npm scripts 脚本基础指南
什么是npm脚本? npm 允许在package.json文件里面,使用scripts字段定义脚本命令. 初始化package.json -> npm init -> 经历一系列的问答即可 ...
- npm package.json文件解读
每个Nodejs项目的根目录下面,一般都会有一个package.json文件.该文件可以由npm init生成,定义了项目所需要的各种模块,以及项目的配置信息(比如名称.版本.许可证等元数据). pa ...
- Npm vs Yarn 之备忘大全
有则笑话,如此讲到:"老丈人爱吃核桃,昨天买了二斤陪妻子送去,老丈人年轻时练过武,用手一拍核桃就碎了,笑着对我说:你还用锤子,你看我用手就成.我嘴一抽,来了句:人和动物最大的区别就是人会使用 ...
- 二、npm scripts
一.执行原理 安装npm 包,会将其package.json bin 字段添加到node_modules bin 里面,创建对应的.cmd文件,因此: 例如: "scripts": ...
- npm脚本
在package.json的script里面我们可以写很多npm脚本,下面我来总结一下一些日常遇到的知识点: 1.npm_lifecycle_event npm 提供一个npm_lifecycle_e ...
随机推荐
- 20181016-4 Alpha阶段第1周/共2周 Scrum立会报告+燃尽图 02
此次作业要求参见 [https://edu.cnblogs.com/campus/nenu/2018fall/homework/2247] Scrum master:祁玉 一.小组介绍 组长:王一可 ...
- 团队目标WBS及具体任务分工
• 首先我们讨论了实验第一个冲刺周期要实现的功能,我们的初期目标. • 然后我们进一步梳理了第一阶段的任务和需求. • 之后对任务进行了划分和领取. • 最后每个人对自己的任务进行了估算,并约定 ...
- 60行代码:Javascript 写的俄罗斯方块游戏
哈哈这个实在是有点意思 备受打击当初用java各种类写的都要几百行啦 先看效果图: 游戏结束图: javascript实现源码: [javascript] view plaincopyprint? & ...
- 正规文法转化DFA
#include<string.h>#include<stdio.h>#include<stdlib.h>int main(){ char p[30][30] ...
- 明白JavaScript原型链和JavaScrip继承
原型链是JavaScript的基础性内容之一.其本质是JavaScript内部的设计逻辑. 首先看一组代码: <script type="text/javascript"&g ...
- (四)Jmeter之逻辑控制器(Logic Controller)
Jmeter之逻辑控制器(Logic Controller) 前言: 1. Jmeter官网对逻辑控制器的解释是:“Logic Controllers determine the order in w ...
- 使用vue-cli3新建一个项目,并写好基本配置
1. 使用vue-cli3新建项目: https://cli.vuejs.org/zh/guide/creating-a-project.html 注意,我这里用gitbash不好选择选项,我就用了基 ...
- phaser2 微信小游戏入手
phaser2小游戏基本没什么什么问题,可以下常开发游戏.如果遇到什么问题, 可以提出来共同讨论. 下面来个例子 import './lib/weapp-adapter'; import Phaser ...
- 在dbgrid中如何多行选中记录(ctl与shift均可用)
在dbgrid中如何多行选中记录(ctl与shift均可用),设置dbgrid的dgmultiselect为true,只有ctl好用而shift不好用,如何使shift也好用 Dbgrid源代码:pr ...
- 【HLSDK系列】HL引擎入门篇
如果你打算拿HL的源码(也就是HLSDK)来改出一个自己的游戏,那你就非常有必要理解一些HL引擎的工作方式. HL引擎分成两个部分,服务端和客户端.服务端管理所有玩家的状态和游戏规则,客户端负责显示U ...