03.npm 包管理

包

• 通过使用npm来进行基本的包管理

初始化管理

• 对于每个项目来说都会有自己的依赖文件这时候就需要从开始就通过npm初始化
  
  

npm init 或者npm init -y 通过初始化会创建出package.json文件 （不要有中文）

package.json

• name 项目名称
• version 版本号 1.. 表示有重大更新 .1. 局部更新 ..1 （1.1.*) bug修补
• description 项目的说明
• entry point 项目的入口文件
• test command 测试
• git repository git网站（git bub上面找到）
• keywords 关键字
• author 作者
• license 协议（MIT 既可以商用也可以私用）
• scripts 用来保存常用命令 （npm run scripts中的key)
• dependencies
  • 一个完整的版本号组表示为： [主要版本号，次要版本号，补丁版本号]
  • > +版本号 下载大于某个版本号，npm会下最新版
  • < +版本号 下载小于某个版本号，npm会下小于这个版本号最新版
  • <= 小于等于 一定会下你写的这个版本，除非没有你写的这个版本
  • >= 大于等于 下载最新版
  • *、" "、X 任意 npm会给你下最新版
  • ^ +版本号 不跃迁版本下载，^2.1.0 npm会下载大版本不变，去下载2.x.x版本里的最近版
  • ~ +版本号 会去下约等于这个版本的最新版，在大版本不变的情
• 参考文献 package.json全字段解析
• 参考2
• 官方文档

下载包

• 本地下载 npm install jquery 或者 npm i jquery
• npm install jquery --save 或 npm install -S jquery 或 npm i -S jquery 本地下载并保存到package.json中的dependencies
• npm install jquery --save-dev 或 npm install -D jquery 或 npm i -D jquery 本地下载并保存到package.json中的devDependencies
• npm install 将package.json中devDependencies和dependencies 都进行下载
• npm install -production 只下载devpendencies中的文件
• npm install [email protected] 根据不同版本下载包
• npm install -g nrm 全局进行下载
• npm install angular --registry=https://registry.npm.taobao.org 修改镜像源 从淘宝下载angular
• 下载包 install 删除包 uninstall 更新包 update

查看包

• npm info jquery 查看包的详细信息
• npm docs jquery 打开包homepage 地址

查看更多包的相关信息

• 参考文献 npm的命令

nrm（镜像源切换） npm （包下载） nvm（node版本管理）

• nrm 镜像源切换，通过nrm切换 .npmrc registry的下载地址
• npm install -g nrm 全局进行下载
• nrm ls 查看镜像源
• nrm use taobao 切换镜像源
• nrm test 测试下载速度
• nrm切换好镜像源以后 直接影响npm 下载，设置好以后不需要再做修改

bower npm yarn 常用的下载包的工具

• 下载 npm install bower -g
• bower下载慢 bower会把依赖的包也下载过来 node4（npm 2 也会将依赖的包也下载过来）
• bower 的下载地址github npm 从npmjs的官网下载
• bower 可以指定下载的路径

    //通过创建.bowerrc 添加
    {
    "directory":"js/common" //你的文件路径
    }

yarn 也是一个下载工具

• yarn由facebook公司在npm的基础上创建一个下载工具
• yarn 下载速度要快一些 更方便管理主体包所依赖的包 yarn在做管理时更加精确
• 全局下载yarn npm install -g yarn
• yarn add jquery 下载jquery
• yarn remove jquery 移除jquery
• yarn init yarn初始化
• yarn global add http-server 全局下载包

bower yarn npm

• bower 可以指定路径下载
• yarn 下载速度快 管理精确
• npm 最基本的下载

项目初始化

• 1. 方便管理你的项目
• 2. 如果有其他人使用能很快的知道这个项目是做什么用
• 3. 通过script标签来简化 命令行
• 4. 方便管理你项目中所需的依赖

浏览器的包 node中的包的不同

• 浏览器引用一个包 script:src seajs commjs 都需要下载 异步
• node的包不需要下载（node运行在本地）同步的node CMD同步 Commonjs规范 （require moduels）

node 模块化（是以功能为主）

• 在node中有以下的方式引用包或者是模块化

• 暴露出去的方式一共有以下3种方式

• 在node中找模块有下面这么几种方式寻找

• 缓存中->系统包->node_modules->按照路径查找

• 会在系统缓存中查找对应包

• 如果是按照系统模块查找 按照模块的名称查找

• 如果是按照模块的方式查找 node_modules

• 如果是路径查找 .node(c++代码)->.js->.json->报错 (不建议省略后缀名)

global 全局对象的方式引用包

• other.js 在other中通过 global.a=100 将a暴露出去

• app.js 然后在app.js 通过require的方式加载other（require('相对路径或者绝对路径')）

• global暴露模块有一个问题是会污染全局变量

modules

• 通过modules.export将属性或者是方法暴露给外界
• 外界通过require()的方式获取暴露出来的内容 let b=require('./other2.js)

// other2.js
module.exports={
    b:b
}

exports

• 通过modules.export将属性或者是方法暴露给外界
• 外界通过require()的方式获取暴露出来的内容 let b=require('./other2.js) b.b

// other2.js
exports.b=200

系统包

• path 路径
• fs 文件系统
• assert 断言
• http 网络服务