简述 npm 发包流程

1. 首先注册一个npm账号

官网地址:https://www.npmjs.com/

注意:需要在邮箱中确认

2. 接着创建项目

mkdir my_modules
cd my_modules
npm init -y

在创建的 JSON 文件中,它包含了你的项目信息以及众多的配置项。除此之外你也可以写一个readme.md文件用来描述你的项目。例,package.json:

{
"name": "@baron/demo",
"version": "1.0.0",
"description": "hi,boy",
  "license": "MIT",
  "repository": "baron/demo",
  "main": "index.js",
  "keywords": [
    "baron",
    "npm",
    "package"
  ]
}

name:你的包名
version:你的发包版本
description:包的简介
repository: GitHub 等代码仓库地址 
license:比如是 MIT 认证
main:包的入口文件,位置在文件夹的根目录
keywords:添加一些关键词更容易使你的包被搜索到

3. 然后登录 npm

npm login

需要输入对应的username、password 和 email。

4. 最后发布

npm publish

注意:镜像源需要登录npm本身的源,如果没有切换回原镜像则在后面发布时,npm会提示没有登录。
建议镜像管理推荐使用 nrm 进行管理所有的镜像源。

如果在命令行中可以看到类似如下代码,就表示你已经成功了。

+ @baron/demo@1.0.0

其他问题

  • 以@用户名/包名 的方式作为包名可以解决命名冲突,但是这种方式会创建一个在用户名 scope 下的一个包 scoped package。它允许我们将已经被其它包使用的名称作为包名。

  • 如果接下来报错402的话,Scoped packages 会被自动发布为私有包,需要不让它私有需要在发布时添加参数 npm publish --access=public

npm 是 Node.js 的包管理工具,可以通过 npm 安装 Vue.js 路由器(vue-router)。 下面是使用 npm 安装 Vue.js 路由器的步骤: 1. 打开终端或命令行工具,并进入项目所在的目录。 2. 执行以下命令进行安装: ``` npm install vue-router ``` 如果你使用的是 yarn 包管理工具,可以执行以下命令进行安装: ``` yarn add vue-router ``` 3. 安装完成后,在项目中引入 vue-router: ```javascript import Vue from 'vue' import VueRouter from 'vue-router' Vue.use(VueRouter) ``` 4. 创建路由实例,并将其传递给 Vue 实例: ```javascript const router = new VueRouter({ routes: [ // 路由配置 ] }) const app = new Vue({ router }).$mount('#app') ``` 在这里,我们创建了一个名为 `router` 的 VueRouter 实例,并将其传递给 Vue 实例的 `router` 选项中。 5. 配置路由规则: ```javascript const router = new VueRouter({ routes: [ { path: '/', component: Home // Home 是一个组件对象 }, { path: '/about', component: About // About 是一个组件对象 } ] }) ``` 在这里,我们配置了两个路由规则,分别匹配根路径和 `/about` 路径。当访问这两个路径时,将会渲染对应的组件。 6. 在模板中使用 `<router-link>` 标签进行路由跳转: ```html <router-link to="/">Home</router-link> <router-link to="/about">About</router-link> ``` 在这里,我们使用 `<router-link>` 标签进行路由跳转。当用户点击这些标签时,路由器会自动更新 URL,并根据路由规则渲染对应的组件。 以上就是使用 npm 安装和配置 Vue.js 路由器的步骤。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值