Verge3D 3.4版新增的两个拼图:text multi-line、exec script 支持在拼图环境下使用JavaScript,因此实际上这两个拼图就是Verge3D内置的代码编辑器。
有哪些功能
这个代码编辑器支持HTML/CSS/JS,具有代码高亮、语法检查、代码补全(弱)、主题配置、快捷键等功能,不亚于本地的代码编辑器。
有了它,如果想直接在拼图环境下动态创建HTML元素就很容易了,尤其是CSS,再也不用一行一行用文本拼图拼接了。
但是,宅家呗认为它的重要意义是,开发者再也不用频繁打开VS Code、Sublime这些本就对3D美术不太熟悉的代码编辑器了。你现在可以专注在拼图环境中开发交互功能,不论是使用拼图还是必要时插入代码。
快捷键和配置
像VS Code一样,内置代码编辑器支持大量快捷键和配置。快捷键大全见后文,你也可以在《用户手册》页面找到快捷键的链接。
https://zjbcool.com/v3d-user-manual/v3d-user-manual.html
这里介绍一下如何打开配置选项,将光标定位在内置编辑器文本输入区域,按下快捷键:ctrl +, 即可在浏览器右侧打开配置选项。
在配置选项里面你可以选择一个暗色主题,字体大小。其它多数选项保持默认设置就好,因为这个设置是不能保存的,下次打开还是默认的设置。
最重要的是它的快捷键,熟悉这些快捷键可以让你获得和使用本地代码编辑器一样的体验。宅家呗个人的体验是它的多数快捷键都是你已经习惯使用的,比如移动行的快捷键是alt + 上下方向键,复制行是shift+alt+上下方向键。
text multi-line拼图内置快捷键
行操作
Windows/Linux | Mac | 操作 |
Ctrl-D | Command-D | 删除行 |
Alt-Shift-Down | Command-Option-Down | 向下复制行 |
Alt-Shift-Up | Command-Option-Up | 向上复制行 |
Alt-Down | Option-Down | 向下移动行 |
Alt-Up | Option-Up | 向上移动行 |
Alt-Delete | Ctrl-K | 删至行尾 |
Alt-Backspace | Command-Backspace | 删至行首 |
Ctrl-Backspace | Option-Backspace, Ctrl-Option-Backspace | 向左删除单词 |
Ctrl-Delete | Option-Delete | 向右删除单词 |
--- | Ctrl-O | 分割线 |
选择
Windows/Linux | Mac | 操作 |
Ctrl-A | Command-A | 全选 |
Shift-Left | Shift-Left | 左选 |
Shift-Right | Shift-Right | 右选 |
Ctrl-Shift-Left | Option-Shift-Left | 单词左选 |
Ctrl-Shift-Right | Option-Shift-Right | 单词右选 |
Shift-Home | Shift-Home | 选择行首 |
Shift-End | Shift-End | 选择行尾 |
Alt-Shift-Left | Command-Shift-Left | 选至行首 |
Alt-Shift-Right | Command-Shift-Right | 选至行尾 |
Shift-Up | Shift-Up | 向上选择 |
Shift-Down | Shift-Down | 向下选择 |
Shift-PageUp | Shift-PageUp | 选择页首 |
Shift-PageDown | Shift-PageDown | 选择页尾 |
Ctrl-Shift-Home | Command-Shift-Up | 选至页首 |
Ctrl-Shift-End | Command-Shift-Down | 选至页尾 |
Ctrl-Shift-D | Command-Shift-D | 复制行 |
Ctrl-Shift-P | --- | 选择括号之间 |
多光标
Windows/Linux | Mac | 操作 |
Ctrl-Alt-Up | Ctrl-Option-Up | 向上添加多光标 |
Ctrl-Alt-Down | Ctrl-Option-Down | 向下添加多光标 |
Ctrl-Alt-Right | Ctrl-Option-Right | 将后面出现的添加到多选 |
Ctrl-Alt-Left | Ctrl-Option-Left | 将前面出现的添加到多选 |
Ctrl-Alt-Shift-Up | Ctrl-Option-Shift-Up | 将多光标从当前行移到上面的行 |
Ctrl-Alt-Shift-Down | Ctrl-Option-Shift-Down | 将多光标从当前行移到下面的行 |
Ctrl-Alt-Shift-Right | Ctrl-Option-Shift-Right | 从多选中删除当前出现的内容,然后移至下一个 |
Ctrl-Alt-Shift-Left | Ctrl-Option-Shift-Left | 从多选中删除当前出现的内容,然后移至上一个 |
Ctrl-Shift-L | Ctrl-Shift-L | 全选多选 |
转至
Windows/Linux | Mac | 操作 |
Left | Left, Ctrl-B | 左移 |
Right | Right, Ctrl-F | 右移 |
Ctrl-Left | Option-Left | 按单词左移 |
Ctrl-Right | Option-Right | 按单词右移 |
Up | Up, Ctrl-P | 转至上一行 |
Down | Down, Ctrl-N | 转至下一行 |
Alt-Left, Home | Command-Left,Home,Ctrl-A | 转至行首 |
Alt-Right, End | Command-Right,End,Ctrl-E | 转至行尾 |
PageUp | Option-PageUp | 转至页首 |
PageDown | Option-PageDown, Ctrl-V | 转至页尾 |
Ctrl-Home | Command-Home,Command-Up | 转至页首 |
Ctrl-End | Command-End,Command-Down | 转至页尾 |
Ctrl-L | Command-L | 转至行号 |
Ctrl-Up | --- | 向上滚动 |
Ctrl-Down | Command-Down | 向下滚动 |
Ctrl-P | --- | 转至匹配的括号 |
--- | Option-PageDown | 向下滚动页面 |
--- | Option-PageUp | 向上滚动页面 |
转至页首 | ||
PageDown | Option-PageDown, Ctrl-V | 转至页尾 |
Ctrl-Home | Command-Home,Command-Up | 转至页首 |
Ctrl-End | Command-End,Command-Down | 转至页尾 |
Ctrl-L | Command-L | 转至行号 |
Ctrl-Up | --- | 向上滚动 |
Ctrl-Down | Command-Down | 向下滚动 |
Ctrl-P | --- | 转至匹配的括号 |
--- | Option-PageDown | 向下滚动页面 |
--- | Option-PageUp | 向上滚动页面 |
查找/替换
Windows/Linux | Mac | 操作 |
Ctrl-F | Command-F | 查 |
查找/替换
Windows/Linux | Mac | 操作 |
Ctrl-F | Command-F | 查找 |
Ctrl-H | Command-Option-F | 替换 |
Ctrl-K | Command-G | 查找下一个 |
Ctrl-Shift-K | Command-Shift-G | 查找下一个 |
折叠
Windows/Linux | Mac | 操作 |
Alt-L, Ctrl-F1 | Command-Option-L, Command-F1 | 折叠选中 |
Alt-Shift-L, Ctrl-Shift-F1 | Command-Option-Shift-L, Command-Shift-F1 | 打开 |
Alt-0 | Command-Option-0 | 折叠全部 |
Alt-Shift-0 | Command-Option-Shift-0 | 打开全部 |
其它
Windows/Linux | Mac | 操作 |
Tab | Tab | 缩进 |
Shift-Tab | Shift-Tab | 退回 |
Ctrl-Z | Command-Z | 撤消 |
Ctrl-Shift-Z, Ctrl-Y | Command-Shift-Z, Command-Y | 重做 |
Ctrl-, | Command-, | 显示设置菜单 |
Ctrl-/ | Command-/ | 注释切换 |
Ctrl-T | Ctrl-T | 颠倒字母 |
Ctrl-Enter | Command-Enter | 全屏 |
Ctrl-Shift-U | Ctrl-Shift-U | 改为小写字母 |
Ctrl-U | Ctrl-U | 改为大写字母 |
Insert | Insert | 覆盖 |
Ctrl-Shift-E | Command-Shift-E | Macros重播 |
Ctrl-Alt-E | --- | Macros记录 |
Delete | --- | 删除 |
--- | Ctrl-L | 居中 |
更进一步
如果想了解更多Verge3D开发技术请购买宅家呗进阶课。
关注宅家呗进阶课内容更新:
https://zjbcool.com/v3d-tutorials/v3d-tutorials.html
Verge3D问题和进阶课咨询请在钉钉群:21935218,@宅小呗 + 问题 。