vue组件发布到npm简单步骤
2019/6/27 20:32:13
本文主要是介绍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",
然后重新发布一下,就可以了
这篇关于vue组件发布到npm简单步骤的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-12-26React入门教程:从零开始搭建你的第一个React应用
- 2024-12-25Vue2入门教程:轻松掌握前端开发基础
- 2024-12-25Vue3入门指南:快速搭建你的第一个Vue3项目
- 2024-12-25JS基础知识入门教程
- 2024-12-25React基础知识详解:从入门到初级应用
- 2024-12-25Vue3基础知识详解与实战指南
- 2024-12-25Vue3学习:从入门到初步掌握
- 2024-12-25Vue3入门:新手必读的简单教程
- 2024-12-23【JS逆向百例】爱疯官网登录逆向分析
- 2024-12-21Vue3教程:新手入门到实践应用