uni-app全新HBuilderX，欢迎大家试用并提出宝贵意见
uni-app全新HBuilderX，欢迎大家试用并提出宝贵意见
额，你们可能只发布了个文本编辑器吧…
更多关于uni-app全新HBuilderX，欢迎大家试用并提出宝贵意见的实战教程也可以访问 https://www.itying.com/category-93-b0.html
报bug，我有一个txt是存域名和端口的测试地址文档。域名是改过之后的内容，下面的文字用HX无法预览。
地址1.abbbc.com.cn
账户sa
端口22
== 话说可以赞助 ==
觉得hb还行的同行们，可以赞助一下。
？！！ 我赞助了，我V呢？
为什么设置了预览路径还是不能运行？
“browsers.config”: {
“Chrome.path”: “C:\Program Files (x86)\Google\Chrome\Application\chrome.exe”,
“Firfox.path”: “E:\软件安装\Mozilla Firefox\firefox.exe”,
“Edge.path”: “”,
“Safari.path”: “”
},
“webServer.config”: {
“url”: “http://127.0.0.1:8080”,
“appendProjectName”: true
}
{ //浏览器路径配置 “browsers.config”: { “Chrome.path”: “C:\Program Files (x86)\Google\Chrome\Application\chrome.exe”, “Firfox.path”: “”, “Edge.path”: “”, “Safari.path”: “” }, //Web服务器配置，url：Web服务器的url，可为ip、端口或者域名，例：http://127.0.0.1:8080；appendProjectName：url后面是否追加项目名称，true表示追加，例：http://127.0.0.1:8080/项目名称/index.html “webServer.config”: { “url”: “http://127.0.0.1:8020/test/index.html”, “appendProjectName”: true } }
{ //浏览器路径配置 “browsers.config”: { “Chrome.path”: “C:\Program Files (x86)\Google\Chrome\Application\chrome.exe”, “Firfox.path”: “”, “Edge.path”: “”, “Safari.path”: “” }, //Web服务器配置，url：Web服务器的url，可为ip、端口或者域名，例：http://127.0.0.1:8080；appendProjectName：url后面是否追加项目名称，true表示追加，例：http://127.0.0.1:8080/项目名称/index.html “webServer.config”: { “url”: “http://127.0.0.1:8020/test/index.html”, “appendProjectName”: true } }
问一下,快应用的template是生成原生的组件呢?还是和小程序一样调用webview
<template>
<text class="item-title">{{title}}</text>
</template>
{ //浏览器路径配置 “browsers.config”: { “Chrome.path”: “C:\Program Files (x86)\Google\Chrome\Application\chrome.exe”, “Firfox.path”: “”, “Edge.path”: “”, “Safari.path”: “” }, //Web服务器配置，url：Web服务器的url，可为ip、端口或者域名，例：http://127.0.0.1:8080；appendProjectName：url后面是否追加项目名称，true表示追加，例：http://127.0.0.1:8080/项目名称/index.html “webServer.config”: { “url”: “http://127.0.0.1:8020/test/index.html”, “appendProjectName”: true } }
启动速度确实很快，但是看介绍和具体功能，更像是一个带有快捷键的markdown编辑器，比如输入h1 tab输出#，这确实解决了其他markdown编辑器没有快捷键不好操作的痛点，但是作为编码代码的工具还差了些吧，跟VSCode比还差了不少，继续努力吧
回复 DCloud_heavensoft:我觉得hbuilderX既然是重新开发,重新定义编辑器,那就大胆改革界面吧,感觉只是用c++模仿别的编辑再造一遍.像苹果一样大胆的改革~把编辑器那些乱七八糟的按钮都去掉,精简~一个多余的菜单,按钮都不要
“编辑-选择-查找-跳转” 我觉得这些都可以精简,有种感觉就是再造一个hbuilder。 既然下决心重新开发编辑器，何不改革的深度一些。界面精简其实需要的内功更深厚，让编辑器更智能一些。 我用过印象比较好的编辑器：sublime text 3、GitBook Editor
回复 DCloud_heavensoft:我不是专业的产品出身,可能表达不清自己的观点,就是希望UI更好看点,现在的UI有点乱,而且还和老版本的hbuilder非常相似
想问下怎么设置浏览器运行啊？
Settings.json 里已经设置了 Chrome 路径，但是菜单栏里运行-浏览器运行-Chrome 还是灰色的，快捷键 Ctrl+R 也没有用。
{ “editor.fontFamily”:“微软雅黑”, “editor.wordWrap”: true, “editor.saveOnFocusLost”: true, “browsers.config”: { “Chrome.path”: “C:\Program Files (x86)\Google\Chrome\Application\chrome.exe”, “Firfox.path”: “”, “Edge.path”: “”, “Safari.path”: “” } }
回复 DCloud_heavensoft:把路径里的\改成\还是不行。还有其它地方需要设置吗？ { “editor.fontFamily”: “微软雅黑”, “editor.wordWrap”: true, “editor.saveOnFocusLost”: true, “browsers.config”: { “Chrome.path”: “C:\Program Files (x86)\Google\Chrome\Application\chrome.exe”, “Firfox.path”: “”, “Edge.path”: “”, “Safari.path”: “” } }
你们在HX工具里默认取消了很多实用的插件，类似我这种小白用户，可能连自己都不知道哪些功能需要安装什么插件，更不知道怎么安装了。希望相应的插件配置向导能写得通俗易懂些。
Markdown语法好像没有一个完成统一的标准，各个工具都有不同的语法。希望你们这个HX里可用的Markdown语法文档能写详情些，并加以丰富的例子说明 。
谢谢。
原HB右侧的边改边看模式用过几次，感觉非常不好用；然后是双击Ctrl搜索功能很不方便，一不小心就把光标聚焦到了搜索框；最后界面清爽了很多，打开速度快。
从这三个点来看，我个人还是比较支持HX的。
提示没有，应该是jre没有配置成功。推荐单独安装java环境或者把老HBuilder的jre目录copy到新HX的bin目录下； 浏览器运行打不开，应该是配置的json里，没有把路径加\，一个\不行，需要2个\，比如C:\
你可以尝试加上项目名 { //浏览器路径配置 “browsers.config”: { “Chrome.path”: “C:\Program Files (x86)\Google\Chrome\Application\chrome.exe”, “Firfox.path”: “”, “Edge.path”: “”, “Safari.path”: “” }, //Web服务器配置，url：Web服务器的url，可为ip、端口或者域名，例：http://127.0.0.1:8080；appendProjectName：url后面是否追加项目名称，true表示追加，例：http://127.0.0.1:8080/项目名称/index.html “webServer.config”: { “url”: “http://127.0.0.1:8020/test/index.html”, “appendProjectName”: true } }
我个人认为这是个关于markdown的编辑器 那么希望添加几个markdown的功能啦~
格式化markdown
比如说丑丑的表格,能自动对齐就好啦,删去空行之类的
增加预览功能 比如预览图
文中的超链接 按 ctrl加鼠标左键就可以点击
{
“node.path”: “C:\Program Files\nodejs”,
“browsers.config”: {
“Chrome.path”: "C:\Program Files (x86)\Google\Chrome\Application\chrome.exe,
“Firfox.path”: “”,
“Edge.path”: “”,
“Safari.path”: “”
},
//Web服务器配置，url：Web服务器的url，可为ip、端口或者域名，例：http://127.0.0.1:8080；appendProjectName：url后面是否追加项目名称，true表示追加，例：http://127.0.0.1:8080/项目名称/index.html
“webServer.config”: {
“url”: “http://127.0.0.1:8080”,
“appendProjectName”: true
}
}
浏览器打开网页，这个基础功能，配了好多次，都不行，看大家好多反馈这个问题的，按评论的解决方法，也根本不行。哎
“Chrome.path”: "C:\Program Files (x86)\Google\Chrome\Application\chrome.exe, exe后面应该有闭合的引号吧？
{
//浏览器路径配置
“browsers.config”: {
“Chrome.path”: “C:\Users\Administrator\AppData\Local\Google\Chrome\Application\chrome.exe”,
“Firfox.path”: “C:\Program Files\Mozilla Firefox\firefox.exe”,
“Edge.path”: “”,
“Safari.path”: “”
},
//Web服务器配置，url：Web服务器的url，可为ip、端口或者域名，例：http://127.0.0.1:8080；appendProjectName：url后面是否追加项目名称，true表示追加，例：http://127.0.0.1:8080/项目名称/index.html
“webServer.config”: {
“url”: “http:\127.0.0.1:8080”,
“appendProjectName”: true
}
}
现在可以运行了，
但打开网页“无法访问此网站
127.0.0.1 拒绝了我们的连接请求。”
这个是内置服务器，还是我要怎么样
回复 DCloud_heavensoft:既然没有内置web服务器，可不可以区分一下，譬如用户配置了webServer时，采用以前HB的打开方式（http://127.0.0.1/project）；没配置webServer的话，就直接打开本地文件（d:\www\test\index.html）？
回复 DCloud_heavensoft: 请问，我打开了tomcat，也配了"webServer.config"的http://127.0.0.1:8080/，怎么始终没用啊，报404，访问不了
回复 DCloud_heavensoft:我知道是C++的, QT5写的. 我其实想问的是, 这个编辑器组件是自己实现的呢, 还是有一个类库呢? 这里的编辑器不是指HX哈, 是HX里写代码的地方~
HBuilderX更加开放。也希望能兼容我们这些懒人，懒得配置0.0，虽然有插件系统，外部配置，但是还是喜欢官方，喜欢都在一个工具上完成。 ps：启动没显示自述文件，也HBx里面也打不开
不错,越来越完善了!
提个建议:当鼠标放到某个标签的时候,希望可以在标签闭合处有个标记,hbuilder有,xhbuilder还没有.
因为html标签层层嵌套,不知道在哪里闭合
回复 DCloud_heavensoft: 2018-03-09 10:42:59.801 [WARNING:] libpng warning: iCCP: known incorrect sRGB profile 2018-03-09 14:20:20.114 [INFO:] !SESSION_START ==================================== 2018-03-09 14:20:20.192 [WARNING:] QObject::connect: No such slot SashEdit::closeEditorNoConfirm() 2018-03-09 14:20:20.301 [WARNING:] "Can’t Not Find Grammar source.regexp.js ! " 2018-03-09 14:20:20.301 [WARNING:] "Can’t Not Find Grammar source.python ! " 2018-03-09 14:20:20.317 [WARNING:] "Can’t Not Find Grammar source.smarty ! " 2018-03-09 14:20:20.317 [WARNING:] "Can’t Not Find Grammar source.yaml ! " 2018-03-09 14:20:20.380 [INFO:] Start Elapsed Time : “266” 2018-03-09 14:20:20.380 [WARNING:] QObject::setParent: Cannot set parent, new parent is in a different thread 2018-03-09 14:20:20.380 [INFO:] find Jre Path: “C:\ProgramData\Oracle\Java\javapath\java.exe” 2018-03-09 14:20:20.395 [INFO:] find Node.js Path: “C:\Program Files\nodejs\node.exe” 2018-03-09 14:20:29.860 [WARNING:] "Can’t Not Find Grammar text.slm ! " 2018-03-09 14:20:29.876 [WARNING:] "Can’t Not Find Grammar source.regexp.js ! " 2018-03-09 14:20:29.907 [WARNING:] "Can’t Not Find Grammar source.less ! " 2018-03-09 14:20:29.907 [WARNING:] "Can’t Not Find Grammar source.stylus ! " 2018-03-09 14:20:29.907 [WARNING:] "Can’t Not Find Grammar source.coffee ! " 2018-03-09 14:20:29.907 [WARNING:] "Can’t Not Find Grammar source.python ! " 2018-03-09 14:20:29.923 [WARNING:] "Can’t Not Find Grammar source.smarty ! " 2018-03-09 14:20:29.923 [WARNING:] "Can’t Not Find Grammar source.stylus ! " 2018-03-09 14:20:29.923 [WARNING:] "Can’t Not Find Grammar source.postcss ! " 2018-03-09 14:20:29.938 [WARNING:] "Can’t Not Find Grammar selectors ! " 2018-03-09 14:20:29.938 [WARNING:] "Can’t Not Find Grammar source.coffee ! " 2018-03-09 14:20:29.938 [WARNING:] "Can’t Not Find Grammar source.livescript ! " 2018-03-09 14:23:15.371 [WARNING:] libpng warning: iCCP: known incorrect sRGB profile 2018-03-09 14:23:15.402 [WARNING:] libpng warning: iCCP: known incorrect sRGB profile 2018-03-09 14:23:15.434 [WARNING:] libpng warning: iCCP: known incorrect sRGB profile 2018-03-09 14:23:15.449 [WARNING:] libpng warning: iCCP: known incorrect sRGB profile 2018-03-09 14:23:16.255 [INFO:] !SESSION_END ====================================
2018-03-09 14:25:13.797 [INFO:] !SESSION_START ==================================== 2018-03-09 14:25:13.875 [WARNING:] QObject::connect: No such slot SashEdit::closeEditorNoConfirm() 2018-03-09 14:25:13.969 [WARNING:] "Can’t Not Find Grammar text.slm ! " 2018-03-09 14:25:13.984 [WARNING:] "Can’t Not Find Grammar source.regexp.js ! " 2018-03-09 14:25:14.000 [WARNING:] "Can’t Not Find Grammar source.less ! " 2018-03-09 14:25:14.016 [WARNING:] "Can’t Not Find Grammar source.stylus ! " 2018-03-09 14:25:14.016 [WARNING:] "Can’t Not Find Grammar source.coffee ! " 2018-03-09 14:25:14.016 [WARNING:] "Can’t Not Find Grammar source.python ! " 2018-03-09 14:25:14.031 [WARNING:] "Can’t Not Find Grammar source.smarty ! " 2018-03-09 14:25:14.031 [WARNING:] "Can’t Not Find Grammar source.stylus ! " 2018-03-09 14:25:14.031 [WARNING:] "Can’t Not Find Grammar source.postcss ! " 2018-03-09 14:25:14.047 [WARNING:] "Can’t Not Find Grammar selectors ! " 2018-03-09 14:25:14.063 [WARNING:] "Can’t Not Find Grammar source.coffee ! " 2018-03-09 14:25:14.063 [WARNING:] "Can’t Not Find Grammar source.livescript ! " 2018-03-09 14:25:14.125 [INFO:] Start Elapsed Time : “328” 2018-03-09 14:25:14.125 [WARNING:] QObject::setParent: Cannot set parent, new parent is in a different thread 2018-03-09 14:25:14.145 [INFO:] find Jre Path: “C:\ProgramData\Oracle\Java\javapath\java.exe” 2018-03-09 14:25:14.150 [INFO:] find Node.js Path: “C:\Program Files\nodejs\node.exe” 2018-03-09 14:25:16.250 [WARNING:] "Can’t Not Find Grammar source.regexp.js ! " 2018-03-09 14:25:16.250 [WARNING:] "Can’t Not Find Grammar source.python ! " 2018-03-09 14:25:16.265 [WARNING:] "Can’t Not Find Grammar source.smarty ! " 2018-03-09 14:25:16.265 [WARNING:] "Can’t Not Find Grammar source.yaml ! " 2018-03-09 15:00:58.494 [INFO:] !SESSION_END ====================================
2018-03-09 16:52:51.527 [INFO:] !SESSION_START ==================================== 2018-03-09 16:52:51.605 [WARNING:] QObject::connect: No such slot SashEdit::closeEditorNoConfirm() 2018-03-09 16:52:51.683 [WARNING:] "Can’t Not Find Grammar text.slm ! " 2018-03-09 16:52:51.698 [WARNING:] "Can’t Not Find Grammar source.regexp.js ! " 2018-03-09 16:52:51.714 [WARNING:] "Can’t Not Find Grammar source.less ! " 2018-03-09 16:52:51.714 [WARNING:] "Can’t Not Find Grammar source.stylus ! " 2018-03-09 16:52:51.730 [WARNING:] "Can’t Not Find Grammar source.coffee ! " 2018-03-09 16:52:51.730 [WARNING:] "Can’t Not Find Grammar source.python ! " 2018-03-09 16:52:51.730 [WARNING:] "Can’t Not Find Grammar source.smarty ! " 2018-03-09 16:52:51.746 [WARNING:] "Can’t Not Find Grammar source.stylus ! " 2018-03-09 16:52:51.746 [WARNING:] "Can’t Not Find Grammar source.postcss ! " 2018-03-09 16:52:51.746 [WARNING:] "Can’t Not Find Grammar selectors ! " 2018-03-09 16:52:51.761 [WARNING:] "Can’t Not Find Grammar source.coffee ! " 2018-03-09 16:52:51.761 [WARNING:] "Can’t Not Find Grammar source.livescript ! " 2018-03-09 16:52:52.027 [INFO:] Start Elapsed Time : “500” 2018-03-09 16:52:52.027 [WARNING:] QObject::setParent: Cannot set parent, new parent is in a different thread 2018-03-09 16:52:52.027 [INFO:] find Jre Path: “C:\ProgramData\Oracle\Java\javapath\java.exe” 2018-03-09 16:52:52.043 [INFO:] find Node.js Path: “C:\Program Files\nodejs\node.exe”
无法配置谷歌浏览器地址。
正斜杠、双斜杠、反斜杠、文件地址、每一层文件夹地址我都试过了。
拼写助手好像不提示函数原型啊
拼写助手能不能空格上词或者tab上词？
不高亮js文本格式化语法${}
无窗口分栏
语法错误不直接显示在代码编辑器中，而是要弹出控制台窗口来显示。
尤其是某些可以忽略的问题，比如花括号后的分号.
搜索文本的时候，没有任何匹配的时候，没有任何反馈。你到是“叮”一下啊。
搜索文本的时候很难在屏幕上找到当前焦点在哪里
搜索文本的时候能不能提示当前总计有多少个匹配项？
查找替换栏的按钮好像没有快捷键，比如【替换全部】
在切换注释的时候，不能相互识别块注释和行注释，
比如选中行注释的时候切换块注释，会给行注释外面再套一层块注释。
非常感谢大家对uni-app及全新HBuilderX的关注与支持！为了更好地展示HBuilderX的强大功能和便捷性，我将通过一个简单的代码案例来引导大家快速上手。这个示例将展示如何使用uni-app创建一个简单的“Hello, World!”应用，并通过HBuilderX进行编译和运行。
环境准备
- 下载并安装HBuilderX：请从DCloud官网下载最新版本的HBuilderX。
- 安装Node.js和npm：确保您的开发环境中已安装Node.js和npm，以便使用uni-app CLI工具。
创建uni-app项目
- 启动HBuilderX：打开HBuilderX软件。
- 新建项目：
- 点击顶部菜单栏的“文件” -> “新建” -> “项目”。
- 在弹出的对话框中选择“uni-app”项目模板，点击“创建”。
- 配置项目：
- 输入项目名称，如
HelloWorld。 - 选择项目保存路径。
- 点击“创建”。
- 输入项目名称，如
编写代码
- 编辑
pages/index/index.vue：- 在项目目录中，找到并打开
pages/index/index.vue文件。 - 修改
<template>部分，添加一个显示“Hello, World!”的文本元素：
- 在项目目录中，找到并打开
<template>
<view class="content">
<text class="title">Hello, World!</text>
</view>
</template>
- （可选）编辑样式：
- 在
<style>部分，可以添加一些简单的样式来调整文本显示：
- 在
<style>
.content {
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
}
.title {
font-size: 24px;
color: #333;
}
</style>
运行项目
- 编译项目：
- 在HBuilderX中，点击顶部工具栏的“运行”按钮，或者按快捷键
Ctrl+R（Windows/Linux）或Cmd+R（Mac）。
- 在HBuilderX中，点击顶部工具栏的“运行”按钮，或者按快捷键
- 选择运行目标：
- 在弹出的运行配置窗口中，选择您希望运行的目标平台（如微信小程序、H5、App等），并点击“运行”。
查看结果
- 根据您选择的运行目标，HBuilderX将自动编译并启动相应的模拟器或浏览器，展示您的“Hello, World!”应用。
希望这个简单的示例能帮助大家快速上手uni-app和HBuilderX。欢迎在使用过程中提出宝贵意见和遇到的问题，我们将持续优化产品，为大家提供更好的开发体验！
