精华内容
下载资源
问答
  • npm包管理

    万次阅读 2020-07-13 04:18:24
    来看看npm安装并管理众多的软件包安装

    介绍

    npm是个包管理工具(想象一个项目中上千个包该怎么管理,嗯,到底香在哪里不用我多说了吧?)

    安装

    1. 安装git
    2. 安装并配置nodejs

    安装git

    下载并安装Git,在我的电脑-鼠标右键添加属性-高级系统设置-环境变量-系统变量-Path处添加变量,例如安装路径是D:\Git,那么就添加变量

    具体看这个吧,太久了~我怕遗漏了什么步骤

    D:\Git\usr\bin\

    D:\Git\usr\bin\ssh-keygen.exe

    这样就能在电脑的任意文件夹位置打开git

    安装nodejs

    nodejs安装没什么好说的,建议安装最高版本的稳定版本,直接在官网下载然后下一步~下一步

    https://nodejs.org/dist/ 官网,直接选择合适的版本

    如果不知道怎么选,可以下载这个 https://nodejs.org/dist/v12.10.0/(现在是2020年)

    配置

    安装淘宝镜像

    npm config set registry https://registry.npm.taobao.org

    之后就用cnpm命令代替npm命令了

    ## 使用

    一般项目把代码放到github等平台,都不会放依赖包的,为什么?因为有些人有这些依赖包了,有些人又没人,而且全都放到代码托管平台可能导致文件很大,所以合适的方式是写清楚自己用了什么依赖包。这些依赖包信息会写在一个叫package.json的文件,这个package.json打开是这样子的:

    package.json文件内容

    不用管这个,如果要安装上述依赖包,那么只要在放着package.json的这个文件目录打开git bash,输入

    cnpm install
    

    (这里使用淘宝镜像,所以是cnpm;如果不使用淘宝镜像则是npm install

    然后会在当前目录生成一个node_modules文件夹,这个文件夹里就放着依赖包。

    关于全局与局部安装依赖包

    如果要安装某个依赖包,例如安装hexo-renderer-marked,则输入

    cnpm install hexo-renderer-kramed --save 
    

    这样依赖包会安装在当前目录的node_modules文件夹里,这种是局部安装的模式

    如果输入的是

    cnpm install -g hexo-renderer-kramed
    

    则会安装到你的node文件夹目录下,即全局安装

    关于版本号

    如果要安装指定版本,可以在依赖包后面加上 @版本号,例如:

    cnpm install hexo-renderer-kramed@0.1.4  --save
    

    有时候会见到@^版本号这样的,^表示匹配较高版本的包

    • ~会匹配最近的小版本依赖包,比如@~1.2.3会匹配所有1.2.x版本,但是不包括1.3.0
    • ^会匹配最新的大版本依赖包,比如@^1.2.3会匹配所有1.x.x的包,包括1.3.0,但是不包括2.0.0

    如果是卸载,在install前面加个un就行啦,例如:

    cnpm uninstall hexo-renderer-kramed --save 
    
    展开全文
  • npm包管理工具

    2020-05-11 20:08:59
    需要使用npm包管理工具,首先得下载这个工具,node.js中集成了npm包管理工具,所以先去node.js官网去下载安装node.js,安装完成后,我们用npm初始化一个项目 1.npm初始化项目: 创建一个文件夹,打开命令行工具,...

    npm是包管理工具,它更加是node.js平台的包管理工具,npm就像后端的maven一样管理包,而npm是下载上传前端的包的。需要使用npm包管理工具,首先得下载这个工具,node.js中集成了npm包管理工具,所以先去node.js官网去下载安装node.js,安装完成后,我们用npm初始化一个项目

    1.npm初始化项目:

    创建一个文件夹,打开命令行工具,使用npm init -y(这里-y指的是所有选项选择默认值)初始化一个项目,如下图左侧是文件夹,右侧是npm初始化项目命令行截图。

    2.初始化完成以后,生成了package.json文件,这个文件是包的配置文件,对其中的配置,如果需要我们可以自己根据需求修改。

    3.现在我们可以根据自己项目所需要的模块进行指定版本的模块安装,比如我们需要用到jquery

    我们就在命令行中输入npm install jquery 那么npm就会自动下载最新的jquery包到这个项目文件夹下面了,也可以使用npm install jquery@2.6.1这样的方式来指定某个模块的固定版本。

     

    4.安装完成后,我们看项目文件夹下面出现了多了以下标红的文件和文件夹

    在该目录下出现一个 node_modules 文件夹 和 package-lock.json node_modules 文件夹用于存放下载的js库(相当于maven的本地仓库) package-lock.json 是在 npm install 时候生成一份文件。 用以记录当前状态下实际安装的各个包的具体来源和版本号。 重新打开 package.json 文件,发现刚才下载的 jquery.js 已经添加到依赖列表中了.

    上面我们使用了npm install jquery安装了jquery模块,可以看到jquery安装到开发依赖(dependencies)中去了,实际的项目开发中,我们安装模块的时候,有两种安装模式,一种是安装到开发依赖(devdependencies)一种是安装到生产依赖(dependencies),这两种安装的不同方式在于,安装在开发依赖的东西,在项目的部署打包的时候不需要,它只是在开发过程中用到了,比如说"eslint"格式校验(这个只是帮助在开发过程中监测有没有格式问题)或者“webpack”打包工具(在开发完成后,我们打包好项目,在项目部署的时候,用的是webpack打好的包部署上线所以不需要在生产依赖中使用),而生产依赖是我们打包部署项目的时候,需要用到的东西,比如,我们项目是用jquery写的,没有这个jquery项目运行会出错,所以就需要把依赖安装到生产依赖中去,使用npm安装依赖的时候,怎么区分或者说怎么通过命令将他们安装到不同的依赖中去呢?下面举个例子

    1 安装到生产依赖(dependencies) npm install jquery --save

    2 安装到开发依赖(devdependencies)npm install eslint --save-dev

    如果不写-dev--save或--save,则默认安装到生产依赖中去。

    不管是生产依赖还是开发以来,都安装到项目的node_modules目录下,

    当运行npm install 初始化项目时候,会将开发依赖和生产依赖中的模块节点下的资源都下载到项目目录node_modules中

    而当运行npm install --production 或者注明NODE_ENV变量为production时候,dependencies中依赖的模块会自动下载到node_modules目录中去,而devDependencies节点下的模块不会被下载到node_modules目录中去。

     

    总结:

    npm install 初始化项目安装所有依赖,

    npm install --production 安装生产依赖

    npm install  --save moduleName(模块名) 安装模块到生产环境依赖

    npm install --save-dev  moduleName(模块名) 安装模块到开发环境依赖

     

    最后,如果要卸载模块,使用命令npm uninstall 模块名

    展开全文
  • NPM包管理工具

    2020-07-21 13:01:39
    NPM包管理工具 NPM全程是Node Package Manager,他是JavaScript的包管理工具,是Node.js平台默认的包管理工具,通过NPM可以安装、共享、分发代码、管理项目依赖关系。 可以从NPM服务器下载别人编写的第三方包到本地...

    NPM包管理工具

    NPM全程是Node Package Manager,他是JavaScript的包管理工具,是Node.js平台默认的包管理工具,通过NPM可以安装、共享、分发代码、管理项目依赖关系。

    • 可以从NPM服务器下载别人编写的第三方包到本地。
    • 可以从NPM服务器下载并安装别人编写的命令行程序到本地使用。
    • 可以自己编写的包或者命令行上传到NPM服务器供别人使用。

    可以吧NPM理解为前端的Maven,通过NPM很方便的下载使用js库,管理前端工程。

    最新版的Node.js已经继承了npm,所以首先安装Node环境就可以了。

    NPM英文网:https://nodejs.org/en/
    NPM中文网:http://nodejs.cn/
    在这里插入图片描述
    安装完成后检验是否安装成功:

    node -v
    
    npm -v 
    

    在这里插入图片描述

    NPM 初始化

    初始化项目

    npm init
    

    在这里插入图片描述
    输入名称:名称不能包含大写字母,如:studyDemo是不允许的,如果有大写,可以设置为study-demo,
    如果不输入直接回车,则以括号中的名称做为默认名字。
    在这里插入图片描述
    版本号:版本号,如果不输入也是以小括号中的版本号为默认。
    在这里插入图片描述
    描述:输入一个描述,随便来了。
    在这里插入图片描述
    入口文件:运行一个程序都有一个入口,设置之后,我们的js项目就是从这个文件里面运行,有人可以设置一个新的,但是我们用默认的就可以了。
    在这里插入图片描述
    测试命令:不用输入,直接回车就可以了。
    在这里插入图片描述
    git 仓库地址,也不需要,直接回车就行了。
    在这里插入图片描述
    关键字、作者、秘钥认证都不需要,直接忽略就可以了。
    在这里插入图片描述
    接下来他会根据我们设置的在studyDemo文件夹下创建一个package.json文件,内容如上图,点击回车标识确认,即OK,不确认的话我们就得设置一个no然后回车。
    在这里插入图片描述
    然后文件夹下就有了刚刚创建好的package.json文件。打开看一下:
    在这里插入图片描述
    如果嫌麻烦,可以采用以下命令初始化npm,这样的话他不会提示你填写各种信息,而是全部采用磨人的方式创建。

    npm init -y
    

    在这里插入图片描述
    这样子的话就简化了一系列的操作。

    NPM模块的安装

    安装方式

    npm install 命令用于安装某个模块,安装方式分为本地安装和全局安装两部分。

    • 本地安装
      将JS库安装在当前实行命令时所在的目录下
    npm install <module name>[@版本号]
    
    • 全局安装
      将JS库安装到你的全局目录下
    npm install <module name>[@版本号] -g
    

    如果安装出现一下错误:

    npm err! Error:connect ECONNREFUSED 127.0.0.1:8087
    

    解决办法:

    npm config set proxy null
    

    本地安装

    本地安装会将js库存放在当前目录下
    安装最新版 express 模块,他是基于node.js平台的web开发框架,执行命令如下:

    npm install express
    

    出现黄色的不用担心是警告。
    在这里插入图片描述
    在该目录下出现一个 node_modules 文件夹和一个 package-lock.json 文件。
    node_modules 文件夹用于存放下载的js库(相当于maven的本地仓库)。
    package-lock.json 是在 npm install 的时候生成的一份文件,记录的是当前状态下实际安装的各个包的具体来源和版本号。
    重新打开 package.json 文件,发现刚才下载的文件已经添加到依赖列表中了。
    在这里插入图片描述

    模块版本号显示方式:
    • 指定版本号:比如“3.5.2”,只安装指定版本,遵循“大版本,次要版本、小版本”的格式规定。
    • ~ 波浪号+指定版本:比如“~3.5.2”,安装3.5.x的最新版本,不低于3.5.2,但是不安装3.6.x,也就是说,安装时不改变大版本号和次要版本号。
    • ^ 插入号+指定版本号:比如 ^3.5.2:安装3.x.x,安装3.x.x的最新版本号,但不安装4.x.x,也就是说安装的时候不改变大版本号。需要注意的四,如果大版本号为0,则插入号的行为与波浪号相同,这是因为此时处于开发阶段,即使是次要版本的变动,也可能带来不兼容。
    • latest:安装最新版本。

    指定版本安装

    安装jquery2.2.0版本,注意,2.2.0版本必须存在,不然会安装失败。

    npm install jquery@2.2.0
    

    在这里插入图片描述
    在这里插入图片描述
    安装成功!

    全局安装

    使用全局安装会安装到全局目录下。
    查看全局安装目录:

    npm root -g
    

    在这里插入图片描述
    比如在全局安装一个 vue。

    npm install vue -g
    

    在这里插入图片描述
    修改全局目录

    npm config set prefix "d:\npm"
    
    npm root -g
    

    很多项目都用到或者是经常用的时候,就是用全局安装。如果是某个项目特定的使用,其他项目一般用不到的时候就使用本地安装。

    查看全局安装的模块

    npm list -g
    

    生产环境模板安装

    格式:–save 或者 -S ,参数的意思是把模块的版本信息保存在package.json文件的 dependencies 字段中(生产环境依赖)。

    npm install <Model Name> [--save|-S]
    

    如果不写 --save 或 -S 默认也是安装到生产环境当中。

    例如在生产环境安装vue。
    在这里插入图片描述
    安装成功:
    在这里插入图片描述

    开发环境模板安装

    格式:–save-dev 或 -D 参数是把模块的版本信息保存到 package.json 文件的 devDependencies 字段中(开发环境依赖),所以开发阶段一般使用它:

    npm install <Module Name> [--save-dev | -D]
    

    例如 开发环境安装 eslint

    npm install eslint -D
    

    在这里插入图片描述
    在这里插入图片描述

    批量下载模块

    从网上下载的项目大多只有 package.json ,没有 node_modules 文件夹时,就要使用命令下载这些没有的js库。

    进入命令提示符,package.json所在的目录,执行以下命令,完成批量下载:

    npm install
    

    此时,npm 就会自动下载 package.json 中所依赖的库。

    查看模块命令

    1. 可以进入安装目录 node_modules 下查看是都有包。
    2. 使用命令查看。
    # 查看本地安装的所有模块
    npm list
    
    npm ls
    
    # 查看指定模块
    npm list <Model Name>
    

    查看模块远程最新版本

    格式:

    npm view <Module Name> version
    

    例如:查看jquery模块的最新版本。

    npm view jquery version
    

    在这里插入图片描述
    查看jquery远程所有版本信息。

    npm view jquery versions
    

    在这里插入图片描述

    卸载模块

    卸载局部模块

    npm uninstall <Module Name>
    

    卸载全局模块

    npm uninstall -g <Module Name>
    

    配置淘宝镜像加速

    查看当前使用的镜像地址:

    npm get registry
    

    在这里插入图片描述
    配置淘宝镜像地址:

    npm config set registry https://registry.npm.taobao.org
    

    还原默认的镜像地址:

    npm config set registry https://registry.npmjs.org/
    
    展开全文
  • node npm包管理

    千次阅读 2017-01-21 13:15:52
    一、NPM是随同NodeJS一起安装的包管理工具,首先使用npm包管理工具,你得先下载node.js(纯小白操作安装),这里接不说了,在新版的node.js中已经集成了npm工具,所以,你直接可以用命令查看 1.允许用户从NPM...

    npm使用介绍

    一、NPM是随同NodeJS一起安装的包管理工具,首先使用npm包管理工具,你得先下载node.js(纯小白操作安装),这里接不说了,在新版的node.js中已经集成了npm 工具,所以,你直接可以用命令查看。
    • 1.允许用户从NPM服务器下载别人编写的第三方包到本地使用。
    • 2.允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。
    • 3.允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用。
    二、打开命令窗口这里我推荐用gitBash命令窗口,因为它支持bash脚本,这里就不解释什么是bash脚本了(当然你也可以使用windows自带的dos窗口)

    操作命令:$ npm -v ---显示你的npm的当前的额版本号(查看node版本号也是一样)出来这个你的node就安装成功了。
    $ npm install npm -g ---如果你的npm是旧版本的换使用该命令行可以帮你更新到当前版本一般node更新慢于npm包管理器。

    三、在实际应用中,npm缺不尽人意,因为npm使用的国外的镜像,网络会非常慢,安装模块很费时间,这里我推荐大家使用的是淘宝的镜像

    操作命令:$npm install cnpm -g --registry=https://registry.npm.taobao.org。以后可以使用cnpm代替npm

    四、使用npm安装模块

    操作命令:$ npm install [moduleName] 比如项目要引入vue,$ npm install vue@2.0.0(安装2.0.0版本的vue),在此之前我们可以用$npm info vue查看一下,当前可用的版本都有哪些。

    package.json

    • ①name - 包名。

    • ②version - 包的版本号。

    • ③description - 包的描述。

    • ④homepage - 包的官网 url 。

    • ⑤author - 包的作者姓名。

    • ⑥contributors - 包的其他贡献者姓名。

    • ⑦dependencies - 依赖包列表。如果依赖包没有安装,npm 会自动将依赖包安装在 node_module 目录下。(生产环境必要的模块)

    • ⑧repository - 包代码存放的地方的类型,可以是 git 或 svn,git 可在 Github 上。

    • ⑨main - main 字段是一个模块ID,它是一个指向你程序的主要项目。就是说,如果你包的名字叫 express,然后用户安装它,然后require("express")。

    • ⑩keywords - 关键字

    • 这些是基本的,然后还会有devDependencies这个是工程开发黄精所需要安装的模块,script是执行用来指定一些脚本,也就是人们通常所说的 npm 

    • script,这个字段是一个对象,在这里可以自定义多个命令,这些命令可以使用 npm run 来执行


    • 当我们开展一个项目时可以,使用命令 $npm init来初始化这些参数配置,并生成一个package.json文件,接下来就只需要安装项目所需要的依赖项

    • 当我我用$ npm install 【模块名称】,项目文件中,就会多出一个node_modules文件夹,里边装的就是的依赖项文件,在此我建议,安装的在注

    • 册模块的时候,使用$ npm install 【模块】--save-dev,来读写到你的package.json文件的devDependencies配置想里边,--save保存在你的

    • dependencies配置项里边,这样做的时候当别人拿到你的项目的时候,只需要你package.json文件就可以了,使用$ npm install,就会依次下载你的

    • 依赖项文件。


    • (1)另外的常用的npm命令集合:
    • a.使用npm update <package>可以把当前目录下node_modules子目录里边的对应模块更新至最新版本。

    • b.使用npm update <package> -g可以把全局安装的对应命令行程序更新至最新版。

    • c.使用npm cache clear可以清空NPM本地缓存,用于对付使用相同版本号发布新版本代码的人。

    • d.使用npm unpublish <package>@<version>可以撤销发布自己发布过的某个版本代码。

    (2)最后为了更好的操作命令行窗口为大家总结了一下常用的bash命令:
     $ ls这也是linux系统最常用的命令,展开当前的所有项(与dos的dir作用相同), $ mkdir用于创建一个新的目录,$ pwd 显示当前的工作目录是什么。
      $ cd 进入指定的目录, $ rm 删除给定的文件或者是文件夹,f. $ cat 显示文件的内容














    展开全文
  • (node package manager)基本认识package(包)module(模块)发布包发布一个unscoped包发布一个scoped包过滤部分文件npm包的迭代npm的版本管理废弃/删除废弃删除nrm源管理工具 说明: 原谅参考自sf社区文章,这里只是做...
  • 使用Yarn代替npm包管理

    千次阅读 2017-05-30 00:02:36
    但是npm由于众所周知的问题导致速度较慢,看起来cnpm是一个不错的替代品,毕竟是定制版的npm包管理器,但是直到遇到这个问题:https://github.com/cnpm/cnpm/issues/192安装d3js报错我还傻乎乎的去人家github提个...
  • nrm:npm包管理工具

    2020-04-20 17:41:39
    一、简介:nrm(npm registry manager )是npm的镜像源管理...2、更换某些内网独立包源,实现安装内网独立的npm包; nrm官网 github地址 二、安装过程: 1、全局安装nrm包 npm install -g nrm 2、查看nrm的包源 nrm ls...
  • npm 包管理查看 路径

    2020-05-30 16:54:05
    npm ls -g --depth 0 查看所有下载的全局 一级目录 npm list -g --depth 0 有时候想查看一下npm全局安装的 npm outdated -g --depth=0 查看需要更新的全局
  • npm包管理

    2017-10-26 10:23:47
    包管理器 Node Package Manager: 1类:本地开发使用的包 (devDependencies),如:gulp 2类:项目依赖包 (dependencies),如:jquery 升级NodeJS:  npm i n -g  n stable //升级到最新版本 nv0.12.2 //升级到...
  • 现在使用 npm 包管理,每个项目中会有package.json,记录了该项目使用了哪些库/包。项目用到了哪些库一目了然,项目上传git只需传代码,依赖的包不用传。别人使用该项目时,只需下载下来,执行npm install 就能安装...
  • 修改npm包管理器的registry为淘宝镜像(npm.taobao.org)
  • NPM是随同NodeJS一起安装的包管理工具,能解决NodeJS代码部署上的很多问题,所以安装nodejs即可。 1、下载nodejs包:https://nodejs.org/en/download/ ,然后安装 2、安装完成后,检验一下是否安装成功,在CMD的...
  • 如何开发自己的npm包管理工具

    千次阅读 2017-03-09 14:42:18
    如何发布?...npm whoami(查看当前帐号) ...npm install (npm包名)如何更新包?修改package.json里的version字段,注意格式(0.0.1),最前面的是项目或者工具功能方面较大的更改以及版本之间不兼容,第二个字段是
  • 一、 NPM 概念:npm是nodeJS package managent,nodejs的包(模块)管理器,nodejs中提供了这个很好的机制,解决的问题:当nodejs本身的不具备某个功能(如:链接...Npm的作用就是可以把第三方的包管理起来。在项目...
  • 学习大纲认识NPM安装NPM使用NPM包NPM中级用法了解package.json文件package.json 文件详解模块的基本应用NPM 和yarn的对比和迁移 认识NPM   NPM (全称Node Package Manager也就是Node包管理器)是Node.js默认的、...
  • UniApp增加NPM包管理工具

    千次阅读 2020-03-13 11:17:48
    一、打开UniAPP项目,进入终端,如果HBuilderX没有,菜单-视图-显示终端,然后在编辑器底部选择终端。或者通过系统终端进入项目根目录 ...会把相关安装到node_modules下 install可简写成i,命令后可以加...
  • 文章目录前言一、npm 概述二、npm 基础命令三、npm 安装 webpack四、npm 创建 react项目五、npm 创建vue 项目 前言 一、npm 概述 二、npm 基础命令 查看 npm 安装的全局 组件 所在的根目录 npm -g root 查看npm ...
  • nodejs 之npm包管理工具详解

    千次阅读 2014-05-08 09:20:34
    npm--node package manager Node 文件包管理工具
  • NPM包管理器(一)

    2017-11-08 16:35:44
    现在写前端的项目,已经离不了nodejs了,那么nodejs的默认包管理器-NPM,又知道多少呢。说来惭愧,也没有去细细的去看它的介绍,今天在写项目突然有一探究竟的冲动,索性打开它的介绍看看吧,...
  • npm包管理 什么是npmnpm是随同NodeJS一起安装的包管理工具,只要安装了node,我们就可以通过命令行使用npm启动命令行,运行 npm -v 就可以看到npm的版本号,根据安装的node版本不同,内部集成的npm页不同,只要能...
  • Npm 包管理工具-常用详解

    千次阅读 2016-09-03 19:40:26
    3、在云服务器上配置和使用 Npm 1、配置 npm npm 是 Node.js 的包管理和分发工具。它可以让 Node.js 开发者能够更加轻松的共享代码和共用代码片段下载 node 的压缩包中已经包含了 npm , 我们只需要将其软链接到 bin...
  • npm包管理工具的安装及配置使用

    千次阅读 2017-12-22 23:18:10
    npm(Node Package Manager,即:node包管理器)是nodeJS的一个程序包管理和分发的管理工具,npm完全用JavaScript写成,它可以让全世界与Web前端相关开发者共享代码,非常方便的使用各种插件、库和框架,无需再到处...
  • Node之模块与npm包管理

    千次阅读 2019-12-25 23:54:12
    npm包管理工具 在Node.js中,提供了一个npm(NodePackageManager)包管理工具。该管理工具可用于从第三方网站上下载Node.js包。在Node.js的官方包网站(网址为https://npmjs.org/)上,我们可以发现许多可通过npm...
  • Node.js NPM包管理

    2015-12-07 08:57:57
    NPM(Node Package Manager ,Node包管理器)是Node.js的包管理器,它允许开发人员在Node.js中创建,共享并重用模块。它也可以用于共享完整的Node.js应用程序,模块就是可以在不同项目中可以重用的代码库。NPM是随同...
  • 在控制台执行此命令: npm config set registry https://registry.npm.taobao.org 查看是否安装成功: npm config list
  • 执行npm install后,就会出现这种情况: 项目中的node_modules(外层node_modules)存在pchart:1.1.0;而p-component文件夹中也有一个node_modules(内层node_modules),存在pchart:1.1.1。 如果用产品模式编译...
  • npm查看 npm view gulp npm查看全局安装目录 npm root -g 修改全局安装目录 npm config set prefix +”路径” 显示当前目录下的所有 npm list 显示全局目录下的所有 ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 78,835
精华内容 31,534
关键字:

npm包管理