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;通过矩阵消元运算可以很…

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

玉石行业虽然在我们国家有着很悠久的历史&#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…

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

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

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

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

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

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

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)…

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

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

回顾周杰伦17年间的歌词,才知道他都唱了些什么

每当提到周杰伦的歌时&#xff0c;你首先会想到的是什么呢&#xff1f;双截棍&#xff1f;中国风&#xff1f;还是是方文山&#xff1f;或者更会有人回答说&#xff1a;根本听不清的歌词…… 回想起来&#xff0c;周杰伦的歌可以说陪伴了我们一代甚至是几代人的成长。无论是《晴…

最近公共祖先_[LeetCode] 236. 二叉树的最近公共祖先

题目链接&#xff1a; https://leetcode-cn.com/problems/lowest-common-ancestor-of-a-binary-tree难度&#xff1a;中等通过率&#xff1a;57.2%题目描述:给定一个二叉树, 找到该树中两个指定节点的最近公共祖先。百度百科中最近公共祖先的定义为&#xff1a;"对于有根树…

开启事物_《原神》全新角色甘雨登场 「浮生孰来」活动祈愿开启_新闻资讯_最新手游时评_原创手游资讯...

璃月地区的方方面面&#xff0c;都由「璃月七星」治理。由他们决议得出的策略牵动着市场的走向&#xff0c;因此每一条都要慎重再三。而会议之后&#xff0c;是谁摘录出要点&#xff0c;编入长长的条例中的&#xff0c;人们便不得而知了。璃月的千头万绪&#xff0c;就是这样被…

AI浪潮席卷而来,现在加入还来得及吗?

当你的朋友圈刚被 AlphaGo、Master 刷屏&#xff0c;没几天就听说日本有公司开始用 AI 取代员工、百度将人工智能列为未来10年最重要战略。同时一夜之间&#xff0c;似乎所有大公司都开始做无人驾驶…… 人工智能正以前所未有的速度&#xff0c;渗透、改造着各行各业。而加速这…

使用 Benchmark.NET 测试代码性能

今天&#xff0c;我们将研究如何使用Benchmark.Net来测试代码性能。借助基准测试&#xff0c;我们可以创建基准来验证所做的更改是否按预期工作并且不会导致性能下降。并非每个项目都需要进行基准测试&#xff0c;但是如果您正在开发的是NuGet程序包或通用dll&#xff0c;则很有…

【直观理解】一文搞懂RNN(循环神经网络)基础篇

推荐阅读时间8min~15min 主要内容简介&#xff1a;神经网络基础、为什么需要RNN、RNN的具体结构、以及RNN应用和一些结论 1神经网络基础 神经网络可以当做是能够拟合任意函数的黑盒子&#xff0c;只要训练数据足够&#xff0c;给定特定的x&#xff0c;就能得到希望的y&#x…

给新手程序员的16个工作必备小妙招,省下时间去LOL吧!

写在前面&#xff1a; 这个文章核心并不是程序优化的具体技巧&#xff0c;而是拿到一个问题如何思考和利用工具的通用方法。比如即使我们不知道 profiler 这个东西&#xff0c;通过搜索"代码 每一行 时间"也可以很快知道有这样的工具叫做 profiler&#xff0c;并且学…