npm简单介绍(代码片段)

我爱看明朝 我爱看明朝     2022-12-14     648

关键词:

npm简单介绍

1.什么是npm

npm全称: node package manager。nodejs的包管理器,现代前端开发必备工具。

2.windwos下zip安装npm

在:https://nodejs.org/zh-cn/download/ 下载node的二进制文件(.zip)。下载解压后配置环境变量,如下图。配置完成后,在CMD,输入npm version。出现版本信息,则表示安装成功。

3.上传包到仓库

3.1 .npmrc的_auth生成

使用你的um账号,先对账号进行Base64编码, 在命令行或者Terminal中输入
echo -n '<账号>:<密码>' | openssl base64
Windows用户可能会提示openssl 命令不存在,   可以先在idesk上安装Git 客户端, 
之后再Git Bash中执行就可以了。

3.2 在项目目录下创建 .npmrc 文件

init.author.name = <用户名>
init.author.email = <邮箱>
init.author.url = <url>
# an email is required to publish npm packages
email=<邮箱>
always-auth=true
_auth=<上一步的Base64编码输出>

3.3 package.json配置仓库地址


...,
"publishConfig": 
                    "registry": "your npm repository url"
		,
		....,

		

3.4 执行上传

// 编写好组件之后在项目目录下执行如下publish命令即可发布。
npm publish

4.package.json解释

4.1 name和version

package.json中的name和version属性的组合定义了一个Npm包的唯一标识。
name:格式 [@scopename/]packagename : 其中scopename是包的命名空间可选。packagename是包的名字必须有。
version:表示包的版本

4.2 description

包的简单描述

4.3 author

包的作者

4.4 private

如果被设置为: true 则拒绝发布到远程仓库。这是为了防止一个私有模块被无意间发布出去。

4.5 scripts

  "scripts": 
                "dev": "node build/dev-server.js",
	      	
格式:
"scripts": 
            key : value
		
   当运行npm run key时就相当于执行 value的命令。

4.6 dependencies, devDependencies

包依赖其他包的版本。
dependencies:表示该模块下的依赖属于生产环境的依赖
devDependencies:表示该模块下的依赖属于开发环境的依赖
当执行 npm install 两个模块下的依赖都会安装。
npm install packagename 只会安装dependencies下的依赖。
npm install packagename -dev 只会安装devDependencies下的依赖。

4.7 engines

```		
"engines": 
                "node": ">= 4.0.0",
                "npm": ">= 3.0.0"
	
#指定运行的node,npm的版本。
```

4.8 publishConfig

#配置发布模块时的一些配置,如果你不想模块默认被标记为最新的,或者默认发布到公共仓库,可以在这里配置仓库地址。	
 "publishConfig": 
 		"registry": "http://127.0.0.1:8080/repository/idc-npm"

5. versio表达式

在dependencies、devDependencies、engines中都有用到版本表达式。
  "0.18.0" : 精确版本   
  <version : 小于某个版本
  <=version: 小于等于某个版本
  >version : 大于某个版本
  >=version: 大于等于某个版本
  >1.2.3-alpha.3
  1.2.3 - 2.3.4 : >=1.2.3 <=2.3.4
  * : 任何版本
  1 :表示 1.x.x :表示 >=1.0.0 <2.0.0 
  1.2 :表示 1.2.x :表示 >1.2.0 <1.3.0
  ^1.2.3 :表示 >=1.2.3 <2.0.0
  ^0.2.3 :表示 >0.2.3 <0.3.0 	
  ~1.2.3 :表示 >=1.2.3 <1.3.0
  ~1.2  :表示 >=1.2.0 <1.3.0 	

6. 初始化package.json

   在项目目录下 npm init跟着提示进行输入。或者直接生成默认的package.json。npm init -y 

7.下载依赖包

npm install name
安装的第三方包和包依赖文件都会统一放在项目的node_moudule文件中。
npm install --save name
    安装及保存依赖项(保存在package.json文件中的dependencies)

8. 删除依赖包

npm uninstall  name
只删除node_moudule里的文件。

npm uninstall --save name
删除node_moudule同时把package.json中的相关依赖删除。

nodejs之npm使用介绍(代码片段)

本文系来自菜鸟教材:原文链接为:https://www.runoob.com/nodejs/nodejs-npm.htmlNPM是随同NodeJS一起安装的包管理工具,能解决NodeJS代码部署上的很多问题,常见的使用场景有以下几种:允许用户从NPM服务器下载别人编... 查看详情

vue-cli安装以及创建一个简单的项目(nodepmwebpack简单使用)(代码片段)

1.关系介绍1.简单的说Node.js就是运行在服务端的JavaScript。2.NPM是随同NodeJS一起安装的包管理工具(新版的nodejs已经集成了npm),能解决NodeJS代码部署上的很多问题,常见的使用场景有以下几种:  允许用户从NPM服务器下载别人编... 查看详情

npm简单运用(代码片段)

npm是nodejs附带的包管理工具,他的主要作用有三种1.从服务器下载别人的包使用;2.从服务器下载别人的命令行工具使用;3.自己发布包或者命令行工具到服务器。可以使用npm-v的方法来查看npm的版本号npm-v//5.6.0如果查询失败,可... 查看详情

npm使用介绍(代码片段)

原文:https://www.runoob.com/nodejs/nodejs-npm.htmlNPM使用介绍NPM是随同NodeJS一起安装的包管理工具,能解决NodeJS代码部署上的很多问题,常见的使用场景有以下几种:允许用户从NPM服务器下载别人编写的第三方包到本地使用。允许用户从... 查看详情

使用npm安装一些包失败了的看过来(npm国内镜像介绍)(代码片段)

镜像使用方法(三种办法任意一种都能解决问题,建议使用第三种,将配置写死,下次用的时候配置还在):1.通过config命令npmconfigsetregistryhttps://registry.npm.taobao.orgnpminfounderscore(如果上面配置正确这个命令会有字符串response)2.命... 查看详情

vue项目的建立和目录的简单介绍(代码片段)

一、介绍Vue是前端三大框架之一,另外两个分别是react、angular。其设计模式是MVVM的设计架构模式。二、安装2.1node.js安装在安装vue之前的时候,需要安装node.js。去官网下载http://nodejs.cn/,然后将其添加到系统环境中,在使用如下... 查看详情

json简单的基于npm脚本的js项目构建(代码片段)

查看详情

一个比npm更快更安全可靠的javascript包管理工具——yarn(代码片段)

...et/q1056843325/article/details/54950018转载请添加该地址】上一篇简单介绍了NPM包管理工具在这篇文章中我想给大家介绍一个取代使用NPM的包管理工具——Yarn以及它与NPM之间的差异#简介这个就是Ya 查看详情

每日质量npm包复制_copy-to-clipboard(代码片段)

...o-clipboard官方定义:Simplemoduleexposingcopyfunction理解:一个超级简单的复制功能,并且这种方法适用于通过别的事件触发复制功能什么意思呢?比如:我想设计一个在Select选择项改变的时候复制该选择项,这时候一般无法插入组件(等会会... 查看详情

(转)前端开发-发布一个npm包之最简单易懂流程(代码片段)

原文地址:https://www.cnblogs.com/sghy/p/6829747.html1.npm官网创建npm账户npm网站地址:https://www.npmjs.com/npm网站注册地址:https://www.npmjs.com/signup2.命令行工具登录npmnpmlogin验证登录是否成功npmwhoami3.创建npm库npminit按照提示输入相应内容:以... 查看详情

前端技术简单学习nodejs&npm(代码片段)

Npm是node提供的管理模块的工具--》相当于我们后台的maven 1.安装nodejsNodeJs下载:https://nodejs.org/en/download/node-v10.4.1-x64.msi傻瓜式安装就可以了检查安装:node–v安装完成Node应该自带了NPM了,在控制台输入npm-v查看 版本升... 查看详情

vue开发实战拓展篇#47:如何发布组件到npm以及nrm的介绍(代码片段)

...章:怎么将自己写的库发布到npm上面?这里具体介绍一下nrm的使用什么是nrmhttps://github.com/Pana/nrmnrm可以帮助您轻松快速地在不同的NPM注册表之间切换,现在包括:NPM,cnpm,taobao,nj(nodejitsu)。npm 查看详情

npm使用介绍(代码片段)

(一)npm由三部分组成:网站、注册表、CLI。注册表:保存包的数据库CLI:通过命令行或终端运行,实现用户与npm服务器交互。(二)npm命令(CLI)查看npm版本npm-v初始化项目,生成package.json文件npminitnpminit--yes//可跳过所有问题&... 查看详情

npmcnpmyarn三剑客(代码片段)

...是准备从事前端的话,你会经常与它们三个打交道,下面简单的说说它们三剑客吧!npm是什么?npm为你和你的团队打开了连接整个JavaScript天才世界的一扇大门。它是世界上最大的软件注册表,每星期大约有30亿次的下载量,包含... 查看详情

深挖npm机制(代码片段)

...致在开发过程中会遇到各种或大或小的问题。所有在这会介绍以下内容:NPM主要安装方式NPM包信息查询NPM安装机制(主要)安装&查询命令NPM各种安装方式npminstallpackageName[@next|@versionNumber]在node_modules中没有指定模块时安装,(... 查看详情

每天一个npm包之js-cookie(代码片段)

...家。每天一个npm包之js-cookie特性介绍:js-cookie是一个上手简单,轻量的,处理cookies的库有如下特点:在所有浏览器是可用允许所有的字符集支持ES6模块化,AMD和Commo 查看详情

npm发包(代码片段)

...本地和仓库中的包,想了解的可以点这里,下面进入正题介绍npm发布包包到公共的平台上一 查看详情

发布npm包到githubpackages(代码片段)

...byGems的包管理工具,可以通过Github管理开源包,本文主要介绍使用GitHubPackages发布Npm包。发布首先需要制作一个package.json文件,可以通过npminit命令根据提示生成一个package.json文件。这是已经 查看详情