npm是什么?

简单的说,npm就是JavaScript的包管理工具。类似Java语法中的maven,gradle,python中的pip。

安装包

我们在桌面上创建一个文件夹/01-studyNpm。

注意:千万不要起名成:node、npm这样的文件夹,以免与系统软件产生不必要的冲突。

打开终端,切换到当前创建的文件夹目录下,一定是当前目录。

npm初始化

在去下载包之前,首先先让当前项目的包进行初始化操作,执行命令:

npm init

运行这个命令后,它会询问一些关于包的基本信息,根据实际情况回答即可。如果不喜欢这种方式,可以使用npm init --yes命令直接使用默认的配置来创建package.json文件,最后根据需要修改创建好的package.json文件即可。

{
"name": "01-studynpm",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"author": "",
"license": "ISC"
}

主要字段的含义如下:

  • name: 模块名, 模块的名称有如下要求:

    • 全部小写
    • 只能是一个词语,没有空格
    • 允许使用破折号和下划线作为单词分隔符
  • version: 模块版本信息

  • description:关于模块功能的简单描述,如果这个字段为空的话,默认会从当前目录的READMD.mdREADME文件读取第一行内容作为它的默认值。

  • main: 模块被引入后,首先加载的文件,默认为index.js

  • scripts: 定义一些常用命令入口

关于最后一个英文的意思,我们可以证明,当我执行npm init之后,会自动的生成package.json的文件。

安装模块

使用npm install会读取package.json文件来安装模块。安装的模块分为两类
dependenciesdevDependencies,分别对应生产环境需要的安装包和开发环境需要的安装包。

同样在安装模块的时候,可以通过指定参数来修改package.json文件,以jquery和webpack做例子

npm install jquery --save

npm install webpack --save-dev

来将新安装的模块信息记录到package.json文件.

我们正式操作一遍,下载jquery包

npm install jquery --save

 

执行以上命令,便可以安装对应的包到执行命令的当前目录,并创建一个node_modules的文件夹,然后把需要安装的安装包下载到里面。

打开package.json文件会发现:

下载不同版本的模块

npm install jquery@2.0.1 --save

卸载模块

npm uninstall jquery --save

使用cnpm(淘宝镜像)

使用npm下载依赖时,由于是从国外的网站上下载内容,所以可能经常会出现不稳定的情况,所以需要下载cnpm代替npm,cnpm是国内淘宝的做的,在国内使用稳定。

1.下载cnpm

npm install -g cnpm --registry=https://registry.npm.taobao.org

2.使用cpm

cnpm install jquery --save 

  

  

最新文章

  1. 用Django写出“hell world”
  2. AngularJS中的过滤器
  3. ES6 module export options 模块导出、导入语法
  4. Mysql中的函数
  5. 说说GET和POST方法的区别
  6. Java IO总结之缓冲读入文件
  7. <iframe>标签的一些说明
  8. uva 1597 Searching the Web
  9. LINUX SSH客户端的中文乱码问题
  10. 树莓派学习笔记——使用文件IO操作GPIO SysFs方式
  11. Misha and Palindrome Degree
  12. Kafka 源代码分析之Message
  13. Django中ORM模型总结(一)[概述,查询语句]
  14. OpenCV1.0在VC ++6.0下的配置
  15. java:接口特性 接口与抽象类/普通类的区别
  16. jdbc学习笔记
  17. java排序算法(三):堆排序
  18. 第九条:覆盖equals方法时总要覆盖hashCode方法
  19. JS 全选、全不选、反选
  20. font-spider-plus,字体压缩插件使用笔记

热门文章

  1. 2018年 7月总结&8月计划
  2. 转:STL迭代器失效问题
  3. Eclipse中Maven配置操作
  4. LeetCode Output Contest Matches
  5. LeetCode Sum of Square Numbers
  6. 使用.NET中的XML注释(二) -- 创建帮助文档入门篇
  7. zabbix3.2.1安装graphtrees插件
  8. (转)C#特性详解
  9. 将CDM中所有以Relatonship_开头的关系全部重命名,避免生成数据库因为重复关系名报错
  10. python django ORM 性能优化 select_related & prefetch_related