美文网首页
npm包安装,上传

npm包安装,上传

作者: 放风筝的小小马 | 来源:发表于2017-07-20 09:03 被阅读240次

将npm的镜像源替换淘宝镜像

如果使用npm安装包时下载太慢,可以将npm的镜像源替换为淘宝镜像:
镜像使用方法(三种办法任意一种都能解决问题,建议使用第三种,将配置写死,下次用的时候配置还在):

  1. 通过config命令
    npm config set registry https://registry.npm.taobao.org npm info underscore (如果上面配置正确这个命令会有字符串response)

  2. 命令行指定
    npm --registry https://registry.npm.taobao.org info underscore

  3. 编辑 ~/.npmrc 加入下面内容
    registry = https://registry.npm.taobao.org

npm初识

一个npm包里面包含的信息

package.json
作用: 关于包的信息都在这里面

  • name:包名称
  • version:版本
  • description:包描述
  • main:指明代码的入口文件

调用npm包

使用:require(包名)
查找过程:先在当前目录下找,如果没找到就在上一级目录找,依次类推

创建一个包

步骤如下:

  • npm init:该命令可以指引我们创建npm包中的package.json文件

  • 创建一个README.md文件

  • 如果我们的包需要依赖其他的包,那么需要先下载其他的包进行测试,因此可以使用npm install --save 包名 来下载依赖包,该命令同时会将依赖的包名添加到我们当前目录下的package.json文件中去,那么别人下载我们的包时,会同时下载依赖的包

  • 创建.gitignore文件:将不需要上传到npm中的文件名添加到该文件中,当上传包时,就不会将文件上传上去,注意:因为我们下载了依赖的包文件用于测试,最终上传包时,那些依赖的包不需要上传,因此要将依赖的包名放到该文件中

  • npm install --save-dev 包名:表示将包添加到devDependencies中,这里面的包说明是用于开发使用的,而devDependencies中列出来的包,不会上传到npm上,可以通过npm install手动的将其下载下来

  • 上传包到npm
    使用npm publish命令,然后会提示输入在npm上注册 的用户,

注意package.json相当于一个“种子”,它里面保存了我们包的所有信息,即使我们误删了文件,只要package.json在,就可以通过npm install命令重新下载下来

安装npm包

  • npm install 包名
  • npm install --save 包名:这种方式会下载包,并将该包添加到当前目录下的package.json中的"dependencies"项上,主要用于创建一个我们自己的包时,当我们的包需要依赖其他的包,因此需要将依赖的包下载下来用于测试我们自己的包程序,同时,别人使用我们的包时,需要下载依赖包,所以我们就需要添加依赖到package.json中,而使用这种方式,就可以自动将依赖添加到package.json中去,而不需要手动添加

nodejs

process.argv
作用:用于获取到执行nodejs时的参数

  • 第一个参数:nodejs的安装路径
  • 第二个参数:执行nodejs的路径
  • 第三个参数:获取输入的参数
    如下:


    QQ截图20170719221335.jpg

做一个nodejs的命令行工具

在包的源文件中里面添加:#!/usr/bin/env node这么一行代码,表示使用node去执行

以做一个打印“hello”的命令行工具为例

  • 创建一个“index.js”文件,用于写命令行的代码,如下:


    index.js
  • 使用npm init命令,创建一个npm包的初始化文件,其实就是创建package.json文件,都是使用默认的配置,并没有修改,在实际开发中可根据实际情况进行修改,如下所示:

image.png
上图中bin:{"hexonhungerdemo": "./index.js"}“hexonhungerdemo”就是别人调用我们这个模块使用的命令
  • npm publish上传包
    如果之前没有登录过,则需要先执行npm login进行登录,然后再上传

注意:
如果将npm的官方源更改为了淘宝源,使用npm login登录时会出错,需要先将源替换为官方源,然后再上传。

// 查看当前npm源配置
npm config ls 
// 修改npm源地址为官方源
npm config set registry https://registry.npmjs.org/
// 将npm源地址修改为淘宝源
npm config set registry  https://registry.npm.taobao.org/

关于package.json中的额外说明,

image.png

相关文章

  • npm包安装,上传

    将npm的镜像源替换淘宝镜像 如果使用npm安装包时下载太慢,可以将npm的镜像源替换为淘宝镜像:镜像使用方法(三...

  • npm简单实用

    NPM(Node Package Manager)包管理和分发工具,下载、安装、上传、管理已安装的包1.安装、更新...

  • npm 全局安装包

    npm查看全局安装过的包 npm更新单个全局安装包 npm查看可以更新的全局安装包 npm更新所有全局安装包

  • npm install url 安装github上的资源包

    通常我们使用 npm install 包名安装依赖的js包,下载的上开发者上传到npm仓库中的资源。但是有时候,居...

  • Node npm操作常用命令行

    安装包npm install 包名 执行即会安装这个包和它所依赖的所有包别名:npm i(简写)npm i 包名@...

  • npm ERR! code EINVALIDPACKAGENAM

    npm安装的包npm可以卸载,cnpm 安装的包,但是cnpm、npm无法卸载,报错信息如下 npm ERR! c...

  • npm上传包

    1、创建文件夹 2、npm包的初始化 3、npm包信息的设置 4、在https://www.npmjs.com/进...

  • npm安装依赖包

    mac下安装npm npm查看版本 npm安装node模块 npm本地安装lodash 安装包放在 ./node_...

  • npm常用命令

    npm ls 【包名】查看已经安装的包 npm install 【包名1 包名2】【--save-dev】 安装包...

  • mac 安装vuecli报错

    A>确认npm全局包安装路径 1、查看全局包位置 npm root -g 我的其它npm全局包安装路径都在/us...

网友评论

      本文标题:npm包安装,上传

      本文链接:https://www.haomeiwen.com/subject/rturkxtx.html