1. 从内存来对比 1.1 vscode占用内存 打开同一个项目,发现vscode占用内存比较多 1.2 HBuilder占用内存 1.3 HBuilderx占用内存 1.4 对比 从内存上来看,HBuilderX可能更优 2. 从项目来对比 2.1 函数声明 vscode能通过Ctrl+左键跳转到函数所在的文件,HBuilder和X只能通过Alt+左键访问本文件内的声明. 2.2 超链接 对于超链接(即a标签),vscode的预览明显更好,而HBuilder和X只能显示源码,甚至谷歌浏览器也不…

vue用hbuilderX打包app嵌入h5方式云打包和遇到的问题 vue用hbuilderX打包app就可以了,不过有兼容性问题,转换rem的用不了,嵌入到app的webview里面变得很小了,另外还有返回键监听的问题需要处理,否则按手机上的返回键不起作用,另外缓存问题,加载页跳转白屏问题也需要优化.======================安卓本地打包要用这个安卓的sdk项目,参考官网这个链接:http://ask.dcloud.net.cn/article/38安卓本地打包我没去搞,用的…

最新2019.3.30版本已经添加idea的快捷键,就不需要再额外记住HbuilderX的快捷键啦~ 链接 输入a,按下tab 加粗 ctrl+B 换行 需要换行的那一行后面加2个空格(或者按下tab),之后换行,写下一行即可,两行显示的时候就不会连在一起了 分割线 hr 按下tab 标题 输入h2,按下Tab 图片 输入img,按下tab 代码区 code +tab 表格 table n* n ,按下tab n为相应的行数与列数 有序列表 Ctrl+Alt+1 无序列表 Ctrl+Alt+-…

经上一步完成Hbuilder.HbuilderX与夜神模拟器的安装,本次介绍下两者之间的连接设置. 1.三者的安装路径 Hbuilder:E:\SAP UI5\HBuilder HbuilderX:D:\Program Files\HBuilderX 夜神:D:\Program Files\Nox 2.Hbuilder与夜神连接 Hbuilder主要用于构建快速APP 2.1夜神设置 •打开夜神模拟器 •CMD命令管理员权限执行 nox_adb connect 127.0.0.1:62001 连…

一.准备开发工具 开发工具:HBuilderX 官网地址:http://www.dcloud.io (标准版需要自己安装插件,app开发版已经把app开发常用的插件安装好了,开箱即用,建议使用开发版) 二.打包生成一个vue项目 就拿手头上一个vue项目进行打包,vue项目预览如下: 打包生成的项目结构: 三.创建HBuilder的app项目 (请先注册HBuilde账号并登录,打包的时候需要登录,并获取应用识别AppID) 创建完后会看到以下结构: 其中css.img.js文件夹换成打包后的s…

HBuilderX使用Vant组件库 HBuilderX是一款由国人开发的开发工具,其官网称其为轻如编辑器.强如IDE的合体版本.但是官方的社区中关于Vant组件的安装大多都是针对微信小程序开发安装Vant Weapp,鄙人尝试了各种方法,经历各种错误后终于成功安装vant组件库,在这里分享一下使用HBuilderX进行vue.js开发时安装Vant组件库的经验,使用的版本为2019.08.10更新的2.2.0版本. 本篇所有操作建立在操作系统为windows且已经成功安装配置node.js的基…

为什么介绍的是HBuidler-X而不是Hbuilder   HX是全新的一个软件,它抛弃了eclipse架构,使用C++为基础架构.HX目前还不能完全替代HBuilder.但在markdown记事的场景下,是最佳的记事本升级工具. 除了顶尖的markdown编写体验.漂亮的着色外,HX的极速启动.多标签.热退出.各种快捷键操作,都给了你充足的理由升级记事本工具. 什么是Hbuilder   HBuilder是DCloud(数字天堂)推出的一款支持HTML5的Web开发IDE. HBuilder…

一.使用VScode安装 Live Server插件 二.使用:安装成功后---->>新建一个index.html 写入内容如下图所示 注:href地址是你在电脑上启动该项目的访问地址(此页面不打包成app)此页面是运行在电脑上.用来改ip指向 三.将上图所示写的页面设置为一个服务器,点击Go Live就可以设置成一个服务器,(a标签地址处可以更改,项目运行在电脑上的访问地址) 四.上图成功启动之后把当前地址127.0.0.1改为你的本地ip地址如下图所示,在新建一个index.html文件加…

HBuilderX入门教程 HX是轻量编辑器和强大IDE的完美结合体.敏捷的性能,清爽的界面,强大的功能和于一身. 本文档面向入门用户,建议初学者仔细研读. 介绍 执着于更快一步的理念,hx的左侧项目管理器是单击响应而不是双击. 单击展开目录,单击预览文件,双击打开文件. 预览文件时顶部标签卡是斜体的,此时继续预览其他文件会替换预览标签卡.双击文件后标签卡为正体,不会被替换.预览的文件一旦开始编辑,也会自动变为正式打开状态. 项目管理器默认是不显示图标的,可以将鼠标移到项目管理器区域,右上角会悬…

这一套东西是用来开发app的,可以用html.js什么的写app然后给你打包就能安装到手机上,也可以轻易跨端(需要使用vue,然而我还没有熟练). HBuilder:一个敲代码的软件,敲前端代码超级方便.主要是敲移动端的,用html写页面什么的,最后打包安装到手机上,属于混合应用. 5+APP:HTML5 Plus移动App,简称5+App,是一种基于HTML.JS.CSS编写的运行于手机端的App,这种App可以通过扩展的JS API任意调用手机的原生能力,实现与原生App同样强大的功能和性能…

作为一个刚刚接触前端不久的新人来说,熟悉了一种目录结构或者项目创建方法以后,恨不得一辈子不会变! 可是人要生活,就要工作,既然是打工,当然要满足雇佣者的要求. 今天我来说说 hbuilderX 这个开发软件,刚刚接触时,创建项目是这样的 对于当时创建新项目还是使用 cmd 命令窗口一步一步创建的我,这简直是天降福音啊,我立马就丢弃了先前使用的VS Code 转而使用 HBuilderX. 然而问题就来了: 运行项目 然而直接报错了!!我转念一想,依赖项什么的都没有怎么可能运行成功呢?(嘿嘿,难不…

在 hbuilderX的菜单“视图”中选择“显示终端”,在终端中把当前目录定位到uni-app的根目录,这样才可以把crypto-js库安装在正确的位置,在终端中键入:npm install crypto-js ,等待片刻,crypto-js 库就装在了uni-app的根目录的:/node_modules/crypto-js/* 中了.要使用其相关加解密算法,只要在代码中引入:import cj from '../../../node_modules/crypto-js/crypto-js.js…

uni-app 使用 upx 作为默认尺寸单位, upx 是相对于基准宽度的单位,可以根据屏幕宽度进行自适应.uni-app 规定屏幕基准宽度750upx.但如果设计稿不是750px,那换算单位可头疼了.莫急,能让计算机算的,不会让人算. 在HBuilderX [设置][编辑器设置]中进行配置 启用px转upx后,就可以愉快的在uniapp中使用了.如下图: 关于upx尺寸单位,更多见:upx尺寸单位 当然,在普通web开发中,也是支持px转rem的.…

打开cmd,找到bin的安装目录(G:\Program Files\Nox\bin)       cd进入夜神模拟器bin目录 执行以下命令 nox_adb connect 127.0.0.1:62001 nox_adb devices   点击工具-->选项-->Hbuilder-->第三方android模拟器端口:62001     如果:连接不上HBuider x 也要激活一下 .去到 D:\环境配置\HBuider X\HBuilderX\plugins\launcher\too…

http://ask.dcloud.net.cn/question/60254 概要 在HBuilderX中开发的应用可以提交到云端打包生成apk(Android平台)和ipa(iOS平台).如果本地配置好对应的原生开发环境,也可以使用本地打包 Android平台:Android离线打包指南 iOS平台:iOS离线打包指南 生成App资源 选中需要打包项目名称 点击菜单栏,发行->本地打包->生成本地App资源 将App资源配置到原生打包环境 Android平台 复制导出的项目,将资源粘贴到a…

  需求说明:使用MUI+Vue等技术并且通过HBuilderX打包开发移动app,在有版本更新时需要自动提示用户有新版本,并且可以点击下载自动安装. 思路说明: 应用打开时(使用Vue的生命周期mounted),获取自己的版本信息appinfo: (本身app的信息一般存放在mainfest.json中,直接获取即可) mui.plusReady(function(){ mui.getJSON("manifest.json", null, function(manifest){ va…

HBuilder-X  在写vue项目的时候发现,代码在保存的时候回自动检查eslint语法,会报一大堆的红色警告! 这时候就很烦人,看着不爽,看了下eslint 配置里面介绍了关闭语法检查的配置----------------------上货了 打开 工具===>插件配置===>eslint-vue===>package.json文件 1. 2.把文件中file的值默认为1,改为0就ok了,重启软件,完美辣…

HBuilderX编辑器中无法修改SVN地址,需要手动在SVN工具中修改 修改步骤: 1.右键编辑器中的SVN项目,选择打开文件所在目录 2.目录中空白处右键,选择TortoiseSVN --> Relocate 3.输入新的SVN地址,点击OK 4.显示如下图则已修改成功…

1.   优宝库介绍 优宝库是基于阿里妈妈.淘宝联盟 淘宝商品Api,前端使用HBuilderX + UniApp + ColorUi,后端采用UniClound 精选淘宝商品进行推荐的App程序.下一步将实现H5.微信小程序,支付宝小程序等不同平台. HBuilder 是DCloud(数字天堂)推出一款支持HTML5的Web开发的免费开发工具."快",是HBuilder的最大优势,通过完整的语法提示和代码输入法.代码块及很多配套,HBuilder能大幅提升HTML.js.css的开发…

HBuilderX All In One uni-app https://uniapp.dcloud.io/quickstart-hx 目录结构 一个uni-app工程,默认包含如下目录及文件: $ tree ┌─cloudfunctions 云函数目录(阿里云为aliyun,腾讯云为tcb,详见uniCloud) │─components 符合vue组件规范的uni-app组件目录 │ └─comp-a.vue 可复用的a组件 ├─hybrid 存放本地网页的目录,详见 ├─platforms…

现在uniapp越来越火,hbuilderX和apicloud这些工具使用html+js语言就可以开发强大的app,大大降低了app开发的技术门槛. hbuilderX或apicloud在打包ios应用的时候,需要一个苹果的私钥证书和证书profile文件,那么两个问题是在什么地方获取,或者是在什么地方生成呢? 苹果官方提供的方法,生成苹果的打包证书需要mac电脑,但mac电脑却太贵了,为了生成一个苹果证书去买一台mac电脑太不划算了. 所以我们一般不使用mac电脑来生成,我们可以使用香蕉云编来…

下图,是内置终端无法输入的现象(本人使用的第三种方案,解决了该问题) 第一种解决方案,也是网上推荐最多的方案: 打开Hbuilder安装路径下插件文件夹中的main.js文件:HBuilderX\plugins\builtincef3terminal\script下main.js.路径如图所示. 从17行到44行之间,将shell中的值写成绝对路径,即将shell="powershell.exe"改为shell = 'C:\Windows\System32\WindowsPowerSh…

1.复制微信开发者工具启动路径 : "C:\Program Files (x86)\Tencent\微信web开发者工具\微信web开发者工具.exe" 不要后面的 "微信web开发者工具.exe": 2.在HBuilderX中,工具->设置,打开下图 3.微信开发者工具的配置: 回到HBuilderX上,点击工具栏的运行,选择小程序上启动,既可! 兄弟姐妹们,点波关注吧,一起分享有趣的技术! 掘金: https://juejin.cn/user/303430…

晚上10点左右,刚好说想研究一下uniapp项目中怎么进行自动测试,于是跟着插件的官方教程开始配置测试环境,写好了一个简单的测试脚本,然后图形化操作IDE运行测试,却报错了一大片错误信息,如下所示: Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js): 02:12:29.703 [sunnywasher-uniapp:mp-weixin] ModuleBuildError: Module…

根据官方给出的指南(http://ask.dcloud.net.cn/article/35583),在我的电脑打开%appdata%下面的会有HBuilderX目录,把这个目录删除或改名就可以启动了:…

hbuilderX 有一个非常好用的功能:就是自动保存. 而且不需要安装什么插件,只需要在编辑器设置就可以了.接下来我们一起来设置吧: 1.打开我们的hbuilderX编辑器.在最上排选项栏里打开 <工具> 这一项,然后打开设置项: 2.在常用配置里 勾选上 <失去焦点自动保存> 这一项 如此我们就设置好了 HbuilderX 的失焦保存. 在我对面的伙伴你好,你辛苦了,如果这篇文章对你有帮助,还请点赞.评论.加关注.拜谢! 文章内如有bug还请告知!万分感谢!…

HBuilderX配置外部服务器(tomcat)查看编辑jsp界面 一.第一种方法,通过启动本地tomcat,查看jsp 在tomcat的webapps目录下创建文件夹HBuilderX 打开HBuilderX软件,点击文件/导入/导入本地文件,找到tomcat的webapps 导入成功大概是这样. 打开工具设置,找运行设置,外部web服务器调用url,输入http://localhost:8080后面的端口号是自己tomcat的默认端口,如果没有修改过就是8080,我因为修改成80端口(80端…

[参照链接]https://blog.csdn.net/m0_67394002/article/details/123346267 安装插件 eslint-js eslint-plugin-vue 复制配置 eslint-js 的.eslintrc.js // 详细配置教程请参考:http://eslint.cn/docs/user-guide/configuring module.exports = { 'plugins': [ 'html' ], 'parserOptions': { 'ec…

现在的很多程序应用,基本上都是需要多端覆盖,因此基于一个Web API的后端接口,来构建多端应用,如微信.H5.APP.WInForm.BS的Web管理端等都是常见的应用.本篇随笔概括性的介绍基于HBuilderX+UniApp+ThorUI的手机端前端开发处理,总结一下开发工具的设置,以及常见的H5端开发的一些相关知识. 1.前后端分离的后端API架构设计 在我们设计好一个Web  API 的接入层后,Web API根据用户.账号登录后获得相关的令牌,每次访问接口,通过令牌进行识别用户身份,从…

前言 编译小程序的时候报错,原因其实很简单,安装目录的问题! 解决 我安装到了D:\Program Files (x86),放到D盘的根目录下或者D:\Program Files只要不包含一些特殊字符就可以了~…