初次使用npm包的感想

初次使用npm包的感想

• 先在官网 https://www.npmjs.com/注册一个npm账号

• 再到电脑运行cmd中配置好账号密码

  • 先查看一下镜像

    npm config get registry
    

    (因为开发中我们会使用淘宝镜像,而在创建npm包中我们需要切换回npm镜像)

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

  • 运行登录

    npm login
    

    依次输入username.password,email等,后面会有一段提示叫你输入邮箱验证码

• 配置好后,开始正式编写我们的npm包

  • 创建一个文件creatNpm,并在文件路径输出cmd回车

  • 输入npm init

    此时就会创建一个包的信息文件package.json,按照提示我们输入name (我的叫 napmpack1.0 )等回车

  • 后面创建一个index.js文件(暂且实现一个别人引入后输出hello world!的功能)

    function autoSting(){
      return 'hello world !'
    }
    module.exports = autoSting;//导出
    

• 发布

  在cmd或是终端中

  npm pubilsh
  

  此时我们在npm官网中就可以看到自己的包了

• 在项目中使用npm包

  • 在vue或是react中 安装包

  npm i napmpack1.0
  //或是指定版本号的话
  napmpack1.0@1.0.3
  

  • 项目js中引入

    import autoSting from 'napmpack1.0' //napmpack1.0包的名字
    

     outGo(){
          let string=autoSting()
          console.log(string,'string')//输出holle word
        },
    

• 若是迭代更新npm包,在源文件编写完后在终端运行

  npm version patch 
  //此刻就会更新版本号 napmpack1.0@1.0.1 => napmpack1.0@1.0.2
  

  再发布

  npm publish
  

• 若是别人使用我们的包后如何检查更新呢

  直接的话就是npm i

  或是先检查哪个包更新 npm outdated

  然后安装特定的包 npm update napmpack1.0 (包的名字)