当前位置:   article > 正文

npm(包管理工具) 常用命令以及node的模块系统_npm -install

npm -install

npm(包管理工具) 常用命令以及node的模块系统

0. 查看配置列表
  • npm config list
1. 下载包 (第三方插件)
  • npm i jqeury
2. 下载指定版本包
  • npm i jquery@2.1.2
3. 卸载(删除)包
  • npm uninstall jquery
4. 全局安装包
  • npm i yarn -g
5. 在 [生产环境] 下使用
  • npm i jquery -S
6. 在 [开发环境] 下使用
  • npm i jquery -D
7. 搜索包
  • npm search jquery
8. 查看npm 版本
  • npm -v
9. 查看帮助
  • npm -h
10. 发布包
  • 先去https://www.npmjs.com/网站注册帐号

  • npm login

    这里输入上述login指令后会出现登陆的信息,输入你在https://www.npmjs.com/上面的用户名和密码就行

  • npm publish

    这里列举出几个常见的错误:

    403错误:

    这里出现错误的原因是因为你没有验证自己的邮箱,验证后再进行 提交

    C:\Users\yong\Desktop\zhang\node\day3\smallcalc33>npm publish
    npm ERR! publish Failed PUT 403
    npm ERR! Windows_NT 6.3.9600
    npm ERR! argv "C:\\Program Files\\nodejs\\node.exe" "C:\\Program Files\\nodejs\\no
    de_modules\\npm\\bin\\npm-cli.js" "publish"
    npm ERR! node v6.9.5
    npm ERR! npm  v3.10.10
    npm ERR! code E403
    
    
    npm ERR! you must verify your email before publishing a new package: https://www.n
    pmjs.com/email-edit : smallcalc33dddddff
    npm ERR!
    npm ERR! If you need help, you may report this error at:
    npm ERR!     <https://github.com/npm/npm/issues>
    
    
    npm ERR! Please include the following file with any support request:
    npm ERR!     C:\Users\yong\Desktop\zhang\node\day3\smallcalc33\npm-debug.log
    
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13
    • 14
    • 15
    • 16
    • 17
    • 18
    • 19
    npm ERR! code E403
    
    npm ERR! 403 403 Forbidden - PUT https://registry.npm.taobao.org/canvas2file - [no_perms] Private mode enable, only admin can publish this module
    
    npm ERR! 403 In most cases, you or one of your dependencies are requesting
    
    npm ERR! 403 a package version that is forbidden by your security policy.
    
     
    
    npm ERR! A complete log of this run can be found in:
    
    npm ERR!     /Users/junking/.npm/_logs/2020-03-05T04_39_32_259Z-debug.log
    
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13

    解决:有不少开发者像我一样,将默认的npm的源设置成了淘宝源,淘宝源是没办法发布的,淘宝源仅供下载,所以我们要重新设置到npm源。

    可以输入一下命令查看当前的登录源:

    npm config get registry
    
    • 1

    如果看到返回的地址是淘宝源,需要切回到npmjs源,输入以下命令:

    npm config set registry=http://registry.npmjs.org
    
    • 1
11. 更新
  • npm version 对应版本
  • 1.2.3
    • 1是主版、2次要版本、3补丁版本
    • 主版本
      • major
    • 次要版本
      • minor
    • 补丁版本
      • patch
12. 删除你所发布的包
  • npm unpublish 包名 --force
13. 查看npm仓库中xxx包的所有版本信息
  • npm view xxx versions
14. 查看npm仓库中xxx包的最新版本
  • npm view xxx version
15. 查看我们所安装的xxx包的版本
  • npm ls xxx
16. 版本说明
  • 任何软件、框架、项目基本都是这样的原则
  • ^2.x.x
    • 锁定大版本,以后安装包的时,保证包是2.x.x版本,x默认取最新的版本
  • ~2.1.x
    • 锁定小版本,以后安装包的时候,保证包是2.1.x版本,x默认取最新的版本
  • 2.1.2
    • 锁定完整版本,以后安装包的时候,保证包必须是2.1.2版本
模块的导入与导出

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-QLuyHQcJ-1603294187544)(E:\凯文的前端博客\框架部分images\4.1.png)]

注意点:
node采用的commonjs的模块系统, 导入模块用的是require这个全局函数,导出模块用的是module.exports的方式
require方法导入本地的某个文件组件的话, 一定要加上盘符前缀(即便是在同一目录下)

let a=require("./src/math")
exports.a=a;
console.log(module);
  • 1
  • 2
  • 3

Node内部提供一个Module构建函数。所有模块都是Module的实例。

每个模块内部,都有一个module对象,代表当前模块。它有以下属性。

module.id 模块的识别符,通常是带有绝对路径的模块文件名。
module.filename 模块的文件名,带有绝对路径。
module.loaded 返回一个布尔值,表示模块是否已经完成加载。
module.parent 返回一个对象,表示调用该模块的模块。
module.children 返回一个数组,表示该模块要用到的其他模块。
module.exports 表示模块对外输出的值。

exports变量

为了方便,Node为每个模块提供一个exports变量,指向module.exports。这等同(只是等同于,并不是真的有这行代码)在每个模块头部,有一行这样的命令。

var exports=module.exports;
  • 1
exports.area=function(r){
	return Math.PI*r;
};
  • 1
  • 2
  • 3

造成的结果是,在对外输出模块接口时,可以向exports对象添加方法。

但是注意,不能直接将exports变量指向一个值,因为这样等于切断了exports与module.exports的联系

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-34MfMCdC-1603294187546)(E:\凯文的前端博客\框架部分images\4.2.png)]

require指令

require命令的基本功能是,读入并执行一个JavaScript文件,然后返回该模块的exports对象。如果没有发现指定模块,则会得到一个空对象。

let a=require("./src/math")
console.log(math);
  • 1
  • 2

require命令用于加载文件,后缀名默认为.js。

根据参数的不同格式,require命令去不同路径寻找模块文件。

(1)如果参数字符串以“/”开头,则表示加载的是一个位于绝对路径的模块文件。比如,require(’/home/marco/foo.js’)将加载/home/marco/foo.js。

(2)如果参数字符串以“./”开头,则表示加载的是一个位于相对路径(跟当前执行脚本的位置相比)的模块文件。比如,require(’./circle’)将加载当前脚本同一目录的circle.js。

(3)如果参数字符串不以“./“或”/“开头,则表示加载的是一个默认提供的核心模块(位于Node的系统安装目录中),或者一个位于各级node_modules目录的已安装模块(全局安装或局部安装)。

(4)如果参数字符串不以“./“或”/“开头,而且是一个路径,比如require(‘example-module/path/to/file’),则将先找到example-module的位置,然后再以它为参数,找到后续路径。
(5)如果指定的模块文件没有发现,Node会尝试为文件名添加.js、.json、.node后,再去搜索。.js件会以文本格式的JavaScript脚本文件解析,.json文件会以JSON格式的文本文件解析,.node文件会以编译后的二进制文件解析。
(6)如果想得到require命令加载的确切文件名,使用require.resolve()方法。

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-cYPXte2v-1603294187548)(E:\凯文的前端博客\框架部分images\4.3.png)]

通常,我们会把相关的文件会放在一个目录里面,便于组织。这时,最好为该目录设置一个入口文件,让require方法可以通过这个入口文件,加载整个目录。
require发现参数字符串指向一个目录以后,会自动查看该目录的package.json文件,然后加载main字段指定的入口文件。

如果package.json文件没有main字段,或者根本就没有package.json文件,则会加载该目录下的index.js文件或index.node文件。

require.main

require方法有一个main属性,可以用来判断模块是直接执行,还是被调用执行。
直接执行的时候(node module.js),require.main属性指向模块本身。

require.main====module//true
  • 1

调用执行的时候(通过require加载该脚本执行),上面的表达式返回false。

模块的加载机制

CommonJS模块的加载机制是,输入的是被输出的值的拷贝。也就是说,一旦输出一个值,模块内部的变化就影响不到这个值(记住仅仅只是普通的值, 要是引用类型的值的话,还是受影响的)。请看下面这个例子。

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-xskydu3y-1603294187550)(E:\凯文的前端博客\框架部分images\4.4.png)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-NekN8h7v-1603294187551)(E:\凯文的前端博客\框架部分images\4.5.png)]

require的内部处理流程

require命令是CommonJS规范之中,用来加载其他模块的命令。它其实不是一个全局命令,而是指向当前模块的module.require命令,而后者又调用Node的内部命令Module._load。

上面的第4步,采用module.compile()执行指定模块的脚本,逻辑如下。

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-7yMtWvkj-1603294187553)(E:\凯文的前端博客\框架部分images\4.7.png)]

上面的第1步和第2步,require函数及其辅助方法主要如下。

require(): 加载外部模块
require.resolve():将模块名解析到一个绝对路径
require.main:指向主模块
require.cache:指向所有缓存的模块
uire命令,而后者又调用Node的内部命令Module._load。

上面的第4步,采用module.compile()执行指定模块的脚本,逻辑如下。

[外链图片转存中...(img-7yMtWvkj-1603294187553)]

上面的第1步和第2步,require函数及其辅助方法主要如下。

require(): 加载外部模块
require.resolve():将模块名解析到一个绝对路径
require.main:指向主模块
require.cache:指向所有缓存的模块
require.extensions:根据文件的后缀名,调用不同的执行函数

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/羊村懒王/article/detail/611368
推荐阅读
相关标签
  

闽ICP备14008679号