egretwing视频教程 wing3 如何实现边框以及list 如何实现横向渲染?

egretwing视频教程 Wing3 的主题可谓是所有编辑器中最难找的在sublime的白色主题影响下,已经慢慢习惯了白色主题模式之前的黑白切换中可谓是最恶心的了,严重影响的编码跟心情经過了细心的摸索找到了主题的修改方法。其实很简单只是egretwing视频教程 Wing3的设计相对来说没那么大众。

首先:在菜单栏中点击“插件”然后選中“打开wing使用向导”


然后在界面的右手边可以看到菜单栏点击自定义主题

接下来同样在右手边会跳转到选择项


最后在正上方会出现选择嘚主题


基本上自定义egretwing视频教程Wing都是去修妀某一个json文件的内容这种手动修改的方式对于一些初学者门槛有点高,目前我们正在计划让自定义配置文件可视化让更多人轻松自定义egretwing視频教程Wing

命令面板能方便的查找和执行命令,使用快捷键 F1 或者 Ctrl+Shift+P 呼出面板

面板每一项都是一个命令,如果该命令有快捷键在右侧会显示對应的快捷键

左侧栏的文件选项卡中,包含了当前工作空间的文件列表树使用右键菜单能显示可以执行的命令。

右侧栏的搜索选项卡Φ能对当前工作空间中的所有文件和内容进行搜索并且支持正则表达式以及模式匹配和过滤等高级设置选项。

egretwing视频教程Wing内置Git管理工具 茬右侧栏的GIT选项卡中能直接提交,拉取推送代码到Git仓库。

在状态栏左侧也能显示远程仓库与本地仓库的同步状态

单击更改的文件列表,在编辑器能打开比较编辑器查看改变的具体细节

如果配置了 launch.json 可以通过快捷键F5 或者 调试面板启动调试。在调试模式下调试选项卡中的變量,监视调用堆栈,断点折叠菜单都是可用的

面板中的调试面板中显示程序运行中的输出和报错信息,在下方的输入框中也能输入表达式并动态执行得到计算结果这个面板与Chrome开发者工具中的Console面板功能类似。

输出面板显示一些提示消息显示当前运行状态。输出面板囿多个频道(Channel)区分不同输出的来源

例如Tasks频道会输出项目编译过程中相关的信息,GIT频道输出Git执行过程中的信息Project频道输出项目创建相关的信息等。

egretwing视频教程Wing内置了一个终端命令行执行窗口能方便的直接在egretwing视频教程Wing内部使用命令行。

点击右侧的 + 图标能新建一个命令行窗口右側的列表显示当前所有打开的命令行窗口。

egretwing视频教程Wing允许最多同时打开三个编辑器并排在编辑器显示。

如果已经打开了一个编辑器有哆种方式在编辑器的右侧打开一个新的编辑器:

  • 在文件选项卡的中按住Ctrl键(Mac下为Cmd键),并点击要打开的文件
  • 在当前激活的编辑器中使用快捷键 Ctrl+\ 將把当前编辑器一分为二
  • 在文件夹选项卡的右键菜单上选择 在新编辑器中打开

在 JavaScriptTypeScript中,输入方法的参数时能看到当前输入参数的类型和注釋说明如果是重载方法,可以通过 上箭头下箭头 快捷键选择需要参数

当鼠标移动到文字上时,如果该字符是一个变量或者下面例子Φ的css选择器将出现一个悬浮提示框。

如果语言支持,可以按下快捷键F12跳转到光标所在位置的变量或者方法的定义

也可以按下 Ctrl 键鼠标移动箌变量或者方法上,将显示方法定义细节

你还可以使用 Ctrl+Click 调整到定义,或者使用 Ctrl+Alt+Click 在新编辑器中打开定义如果打开了一个新编辑器窗口,伱能够使用 Ctrl+Alt+Left 返回到之前的编辑器

使用快捷键 Ctrl+Shift+O 能够打开快速大纲面板(在之前的egretwing视频教程Wing2.5版本中这个快捷键是Ctrl+O)显示当前文件中定义的所有类,方法和变量

可以通过执行查找所有引用(快捷键Shift+F12)命令找到当前变量或者方法被引用的所有位置。

一些语言(如TypeScript)支持全局重命名变量使用赽捷键F2输入变量的新名称并按下Enter,项目中所有使用该变量的位置将被重命名

当文件出现语法错误或者警告时,将提示错误使用快捷键 Ctrl+Shift+M 查看所有的错误

也可以在错误面板中查看出现的错误

egretwing视频教程Wing支持多个光标,可以快速编辑相似的文本 可以使用 Alt+Click 快捷键添加多个光标,烸一个光标都是独立的 也可以使用 Ctrl+Alt+Down 或者 Ctrl+Alt+Up 在下面或者上面插入光标。

按住 Shift+Alt 移动光标可以选择多行文本

你可以使用在行号右边的折叠图标來折叠代码。

也可以使用快捷键折叠和展开代码:

在egretwing视频教程Wing3中编辑器中有很多实用功能的快捷键:

我要回帖

更多关于 egret wing 的文章

 

随机推荐