博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
VSCode+BeetleX.VueHost开发Vue应用
阅读量:4035 次
发布时间:2019-05-24

本文共 905 字,大约阅读时间需要 3 分钟。

        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路径如下

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

VUE文件编写

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

对应引用标签

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

发布

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

BeetleX

开源跨平台通讯框架(支持TLS)

提供高性能服务和大数据处理解决方案

https://beetlex.io

转载地址:http://btudi.baihongyu.com/

你可能感兴趣的文章
[关注大学生]李开复给中国计算机系大学生的7点建议
查看>>
[关注大学生]大学毕业生择业:是当"鸡头"还是"凤尾"?
查看>>
[茶余饭后]10大毕业生必听得歌曲
查看>>
gdb调试命令的三种调试方式和简单命令介绍
查看>>
C++程序员的几种境界
查看>>
VC++ MFC SQL ADO数据库访问技术使用的基本步骤及方法
查看>>
VUE-Vue.js之$refs,父组件访问、修改子组件中 的数据
查看>>
Vue-子组件改变父级组件的信息
查看>>
Python自动化之pytest常用插件
查看>>
Python自动化之pytest框架使用详解
查看>>
【正则表达式】以个人的理解帮助大家认识正则表达式
查看>>
性能调优之iostat命令详解
查看>>
性能调优之iftop命令详解
查看>>
非关系型数据库(nosql)介绍
查看>>
移动端自动化测试-Windows-Android-Appium环境搭建
查看>>
Xpath使用方法
查看>>
移动端自动化测试-Mac-IOS-Appium环境搭建
查看>>
Selenium之前世今生
查看>>
Selenium-WebDriverApi接口详解
查看>>
Selenium-ActionChains Api接口详解
查看>>