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