VSCode+BeetleX.VueHost开发Vue应用

        BeetleX.VueHost是一个用于打包Vue和提供HTTP服务的程序,它能提供在没安装vue-cli和webpack的情况下开发vuejs应用。

使用
        BeetleX.VueHost无须安装下载运行即可,可以通过以下地址下载:

链接:https://pan.baidu.com/s/1z4Jfz2GgsXHUH8cJoTdprg

提取码:6ro5

下载VueHost-win64-1.0.zip文件解压运行

以上是工具的运行结果,默认是以80端口提供服务,如果需要更改端口可以运行

BeetleX.VueHost.exe port=8080

服务默认带了个简单的页面所以直接访问服务

使用VSCode

        BeetleX.VueHost启动后,就可以用VSCode打开所服务在所的目录并进行Vuejs应用开发。

打开目录后就可以添加和修改样vue文件,所有修改无须重启BeetleX.VueHost,只需要刷新浏览器即可查看最新更改后的内容。

基础CSS和JS文件

        在开发Web的时候需要包括基础的CSS和JS文件,这个时候需要在base_files.json进行配置,BeetleX.VueHost会根据配置的顺序进行打包处理。

只要需输入文件名即可,服务会自动匹配。最终引用输出的JS和CSS路径如下

<link href="/css/beetlex-v1.css" rel="stylesheet" />
<script src="/js/beetlex-v1.js"></script>

V1代表版本号,调整版本号会重新生成内容输出。

VUE文件编写

        BeetleX.VueHost支持的Vue文件和Vue-cli差不多,不过有些不同的地方是没有import引用,vue文件即代表对应组件名称。

对应引用标签

    <div id="app"><v-title></v-title><v-hello></v-hello></div>

*.vue文件编写格式如下:

<div><a href="javascript:void(0)" @click="onHello">Hello</a>
</div>
<script>export default{methods: {onHello(){alert('vuejs host!')}}}
</script>
<style>a {color:#ff0000;}a:hover{color:#808080;}
</style>

发布

        BeetleX.VueHost最终会在当前目录上生成beetlex.css和beetlex.js两个文件,Vue对应的css和js都打包到这两个文件中;可以把文件部署到自己的应用中。

BeetleX

开源跨平台通讯框架(支持TLS)
提供高性能服务和大数据处理解决方案

https://beetlex.io

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/304776.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

8 无法识别raid盘_王者荣耀防沉迷规则再升级;未来将采用人脸识别验证

昨天&#xff0c;《王者荣耀》官网发布了《未成年人防沉迷新规接入公告》&#xff0c;这份公告对于未成年人的可游玩时长、充值金额等都做出了规定。规则规定&#xff1a;在游玩时长方面&#xff0c;未成年用户每日22时至次日8时禁玩&#xff0c;法定节假日每日限玩3小时&#…

干货|MIT线性代数课程精细笔记[第二课]

0前言 MIT线性代数课程精细笔记[第一课]笔记见MIT线性代数课程精细笔记[第一课]。 该笔记是连载笔记&#xff0c;希望对大家有帮助。 1知识概要 这一节中我们介绍一下消元法&#xff0c;即是上一节中我们提到的“系统化”求解方程所用的方法&#xff0c;通过矩阵消元运算可以很…

python创建一个空的dataframe_python 创建一个空dataframe 然后添加行数据的实例

实例如下所示&#xff1a;import pandas as pdimport reimport mathdframe1 pd.read_excel("window regulator分析报告数据对比源.xlsx", sheetname"Sheet1") #读取数据dframe2 pd.read_excel("window regulator分析报告数据对比源.xlsx", she…

压缩解压缩

核心库NewLife.Core内置了压缩相关功能扩展&#xff0c;并且独立实现的ZipFile还支持.NET2.0和.NET4.0&#xff0c;该类在.NET4.5以后成为.NET Framework框架标配。数据流压缩IOHelper类扩展了字节数组和数据流的压缩扩展方法Byte[] Compress(this Byte[] data); Byte[] Decomp…

累~

真累~&#xff01;&#xff01;&#xff01;转载于:https://blog.51cto.com/jianchi1825/159002

在以下说法错误的是_外行人对翡翠有哪些错误认知?行家给你最精准的答案

玉石行业虽然在我们国家有着很悠久的历史&#xff01;但是就行业认知而言&#xff0c;仍然属于小众行业。正所谓隔行如隔山&#xff0c;在很多外行人眼里&#xff0c;翡翠行业很神秘&#xff0c;而且水也很“深”&#xff01;甚至很多人认为这个行业“三年不开张&#xff0c;开…

参加美赛,需掌握这些算法和模型

昨天晚上的直播甚是精彩 方同学不但分享了 获奖论文、解题技巧 还分享了 赛前准备、比赛经验和日程规划 po几张截图让大家感受下 此时此刻可能会有不少童鞋 正在为错过直播而懊悔 不用担心 超模君又准备了一份豪华大礼 本周 超模君特意邀请到 今年美赛A题特等奖获奖者 徐乾同学…

yii 使用 有赞sdk_有赞ABTest系统:数据驱动增长实践

‍‍点击关注“有赞coder”获取更多技术干货哦&#xff5e;作者&#xff1a;子固部门&#xff1a;数据中台一、背景有赞是一个商家服务公司&#xff0c;致力于帮助每一位重视产品和服务的商家成功。随着移动互联网的流量增长红利渐渐褪去&#xff0c;商家获得新的流量越来越困难…

分布式数字签名令牌TokenProvider

在分布式系统中&#xff0c;令牌签发系统往往需要跟令牌应用系统分离&#xff0c;并且应用系统可以独立验证令牌&#xff0c;无需请求签发系统接口。数字签名令牌属于发明专利《基于令牌协议的令牌组网构建方法》&#xff08;已授权专利号201510213377.X&#xff09;的一部分&a…

热力地图高德_高德地图:最新动态

高德地图是国内最专业的手机地图&#xff0c;超过3.2亿用户在使用&#xff01;高德地图是应用商店上数据准确率最高、最省流量、躲避拥堵功能最强大的手机地图&#xff0c;平均每天为用户省油61万升&#xff01;高德地图今日宣布上线货车导航功能&#xff0c;帮助全国3000万货车…

有效处理 Java 异常三原则

Java中异常提供了一种识别及响应错误情况的一致性机制&#xff0c;有效地异常处理能使程序更加健壮、易于调试。 异常之所以是一种强大的调试手段&#xff0c;在于其回答了以下三个问题&#xff1a; 什么出了错? 在哪出的错? 为什么出错? 在有效使用异常的情况下&#x…

python读取日志错误信息_关于修复 Bug 这件“小事”|利用Python 日志查找错误也可行...

在 Python 中使用 print() 来输出某个变量从而检查参数错误是修 Bug 前期工作的常用手段。但其实 Python 日志处理用得好会节省时间用于修Bug。记日志会帮助我们理解程序中发生的事以及事情发生的顺序&#xff0c;也能直接观察到整个程序某个值的变化过程。不过以下5个操作细节…

人口危机 资本剥削导致生育率低迷

不久前&#xff0c;相关部门公布数据&#xff0c;2020年出生并已经到公安机关进行户籍登记的新生儿共1003.5万。对此&#xff0c;铁流先不做评论&#xff0c;我们先看数据。以下是1949年和1981年以来人口出生情况&#xff1a;1949年: 1275万......1981年&#xff1a;2064万1982…

博客园程序源代码下载

http://www.cnblogs.com/dudu/archive/2004/08/30/37613.aspx 转载于:https://www.cnblogs.com/qiantuwuliang/archive/2009/05/20/1472333.html

连不上网_手机连不上网?四种方法教你如何解决,建议收藏以备不时之需

随着科技的进步&#xff0c;现在家家户户大街小巷都是Wifi信号&#xff0c;所以无线基地已经成为生活中不可缺少的一环&#xff0c;但也因为这样无线干扰的情况&#xff0c;常常听到有人抱怨怎么无线又突然断线啦&#xff1f;我的wifi又连不上了&#xff1f;为什么无线上网速度…

关于机器学习,你应该至少学习这8个落地案例|干货集锦

机器学习、深度学习、强化学习、迁移学习&#xff0c;这些你到底了解多少&#xff1f;各种深度学习框架如TensorFlow、Caffe、MXNet等又该如何选择&#xff1f;如何将机器学习整合到正在开发的应用中&#xff1f;机器学习在金融、电商、外卖、教育等领域有哪些落地案例&#xf…

python实用脚本 知乎_停课不停学|38 个免费 Python 项目合集,从小白到老司机!...

1665 年&#xff0c;牛顿在剑桥三一学院就读期间&#xff0c;伦敦发生了著名的鼠疫。这场鼠疫几乎摧毁了整个伦敦城&#xff0c;无论是下层人民还是王室贵族都难逃魔掌&#xff0c;几乎五分之一的伦敦人都在这场鼠疫中丧生。牛顿被迫回家进行自我隔离&#xff0c;但就是这段清静…

c++经典编程题_全国青少年软件编程等级考试C语言经典程序题10道十

全国青少年软件编程等级考试C语言经典程序题10道十【程序91】题目&#xff1a;时间函数举例11.程序分析&#xff1a;2.程序源代码&#xff1a;#include "stdio.h"#include "time.h"void main(){ time_t lt; /*define a longint time varible*/lttime(NULL)…

[流水账]毕业?工作?

离正常毕业时间还有1年多, 没想到这么早就开始感受到毕业的气息了. 前几天收到去参加IBM中国研究院校友座谈会的邀请, 因为有事没过去, 今天又接到了校友蒋师兄的电话来了解我的个人情况. 接到电话时蒋师兄先核对了一下信息, 然后要我介绍一下自己, 我做事一向比较谨慎, 对涉及…

使用SQL Server分区表功能提高数据库的读写性能

首先祝大家新年快乐&#xff0c;身体健康&#xff0c;万事如意。一般来说一个系统最先出现瓶颈的点很可能是数据库。比如我们的生产系统并发量很高在跑一段时间后&#xff0c;数据库中某些表的数据量会越来越大。海量的数据会严重影响数据库的读写性能。这个时候我们会开始优化…