vue组件发布到npm简单步骤
作者：laozhang 发布时间：2024-05-09 09:38:57
标签：vue组件,npm
1.0 新建项目
1.1 初始化项目
输入npm init，之后需要填什么就写什么
新建src目录，并在src目录下新建alert.vue
$ npm init
$ mkdir src
$ cd src
$ touch alert.vue
最后的目录结构
1.2 修改入口文件
打开package.json，并修改
1.3 写组件内容
这个组件内容可以随便写，我们就先测试一下，我是这样写的
<template>
<div class="alert">
<div>dddddd</div>
</div>
</template>
<style>
.alert {
color: red;
}
</style>
<script>
export default {
name:'vue-x-alert'
}
</script>
2.0 注册npm
打开npm官网，注册，并记住注册的账号和密码,npm-url
2.1 登录npm，并发布
$ npm login // 登录
$ npm publish
2.3 打开npm，看我们刚刚发布的组件
然后我们要在项目中使用到这个组件，进行npm安装，导入就可以使用了
更新包
修改package.json
"version": "1.1.0",
然后重新发布一下，就可以了
0
投稿猜你喜欢
本文研究的主要是Python程序运行原理，具体介绍如下。编译型语言（C语言为例）动态型语言一个程序是如何运行起来的？比如下面的代码#othe- 如果独自放着jQuery做事，它绝对做得很好，但jQuery充许与其他库共存在，有些事就防不胜防了。看下面代码data :func
- 本文实例讲述了Python实现获取命令行输出结果的方法。分享给大家供大家参考，具体如下：Python获取命令行输出结果，并对结果进行过滤找到
- 前言本文参考了以下代码Windows系统环境下Python脚本实现全局“划词复制”功能from py
- python标准库OS模块简介os就是“operating system”的缩写，顾名思义，os模块提供的就是各种 Python 程序与操作
- PyQt5不规则窗口实现动画效果实例import sysfrom PyQt5.QtCore import *from PyQt5.QtGui
- 在论坛上看到了用Python登录微信并实现自动签到，才了解到一个新的Python库： itchat库文档说明链接在这：
- glob 文件名模式匹配，不用遍历整个目录判断每个文件是不是符合。1、通配符星号(*)匹配零个或多个字符import globf
- Tensorboard：如何更直观的观察数据在神经网络中的变化，或是已经构建的神经网络的结构。上一篇文章说到，可以使用matplotlib第
- 本文实例讲述了Python实现监控程序执行时间并将其写入日志的方法。分享给大家供大家参考。具体实现方法如下：# /usr/bin/pytho
- 一、检测网络信息和系统信息 在Frontpage 2000 的Explorer管理器中选择帮助(Help)|关于Frontpage管理器(A
- 目录1、系统环境，必要知识2、安装python3.6.53、安装Django4、安装uWSGI5、安装nginx6、MySQL安装配置7、编
- python语言中的列表排序方法有3个：reverse反转/倒序排序sort正序排序sorted可以获取排序后的列表在更高级列表排序中，后两
- 要使用摄像头，需要使用cv2.VideoCapture(0)创建VideoCapture对象，参数0指的是摄像头的编号，如果你电脑上有两个摄
- python打印当前文件的绝对路径并解决打印为空获取当前文件所在路径主要使用os.path.dirname(os.path.abspath(
- 如何设置list步长示例：range(a, b, step)>>> list(range(0,5,2)) [0,
- 本文实例讲述了PHP实现动态删除XML数据的方法。分享给大家供大家参考，具体如下：前面介绍了动态添加XML数据的方法，这里在原有Messag
- 相关代码：JavaScript写的日期时间控件，很好用 13个超酷的js显示时间效果 <html><head><
- parseInt()是内置的 JS 函数，用于解析数字字符串中的整数。 例如，解析数字字符串'100'：const numb
- 计算机为数组分配一段连续的内存，从而支持对数组随机访问；由于项的地址在编号上是连续的，数组某一项的地址可以通过将两个值相加得出，即将数组的基
