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

  • 相关阅读:
    简明Python3教程 12.问题解决
    简明Python3教程 11.数据结构
    【SPOJ 694】Distinct Substrings
    【codeforces Manthan, Codefest 17 C】Helga Hufflepuff's Cup
    【CF Manthan, Codefest 17 B】Marvolo Gaunt's Ring
    【CF Manthan, Codefest 17 A】Tom Riddle's Diary
    【SPOJ 220】 PHRASES
    【POJ 3261】Milk Patterns
    【POJ 3294】Life Forms
    【POJ 1226】Substrings
  • 原文地址:https://www.cnblogs.com/real-me/p/6744263.html
Copyright © 2011-2022 走看看