zoukankan      html  css  js  c++  java
  • 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:UsersAdministratorAppDataRoaming pm,并且写入系统的环境变量中。
    • 非全局安装,将会安装在当前所定位的项目的目录中。
    • 全局安装可以通过命令行在任意地方调用它。
    • 本地安装将安装在定位项目目录下的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

    image

    4 npm更新插件

    命令提示符:

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

    5 查看npm帮助

    命令提示符:

    npm help
    

    image

    6 查看目录已安装插件

    命令提示符:

    npm list
    

    image

    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

  • 相关阅读:
    [leetcode]791. Custom Sort String自定义排序字符串
    [leetcode]304. Range Sum Query 2D
    [leetcode]339. Nested List Weight Sum嵌套列表加权和
    [leetcode]81. Search in Rotated Sorted Array II旋转过有序数组里找目标值II(有重)
    [leetcode]170. Two Sum III
    [leetcode]341. Flatten Nested List Iterator展开嵌套列表的迭代器
    [leetcode]445. Add Two Numbers II 两数相加II
    Node 连接mysql数据库
    Restful 表述性状态传递
    node Express 框架
  • 原文地址:https://www.cnblogs.com/real-me/p/6744263.html
Copyright © 2011-2022 走看看