[HarmonyOS]鸿蒙开发教你如何一键插入代码~

499 阅读3分钟

随机壁纸

随机Bing壁纸欣赏(狂按F5刷新壁纸)

hdc tools InsertCode 一键插入鸿蒙模板代码

在日常鸿蒙项目开发中,我们需要编写大量的代码,但是很多时候,我们只能手动去复制一些重复的、标准的代码,那么有没有什么方法能够直接在 IDEA 中插入一段代码呢? 当然是可以的,这也是本次插件更新的核心功能~ 减少你的工作量,减少你的时间,提高你的效率。

PS:为了方便大家使用,本次功能整合进了 hdc tools 里边里,减少了大家的下载成本,参考:hdc tools

版本需要升级到 1.0.6 才可以支持呦~

本次插件更新,核心功能如下:

1.DevEco Studio 中一键插入鸿蒙模板代码

2.个性化定制自己习惯的模板代码

插件安装

在这不赘述,在线安装 或则 离线安装 两种方式,不会的同学自行百度~ 或者可以参考上一篇文章 hdc tools

插件使用

插入代码

插件本身自带了一部分模板代码,可以直接使用,后续大家可以定制化自己习惯的模板代码~

    1. 进入编辑器界面(当然了,比如打开某个 .ets 文件,你肯定是要在编辑器里边插入代码啦~)
    1. 唤起选择模板的弹窗,可以通过 Ctrl + K (快捷键建议大家修改成自己合适的) 或者 菜单里 -> Code -> 一键插入代码 来唤起
    1. 选择需要插入的模板名称,键盘回车或者双击,即可一键插入!

在编辑器中,比如打开某个 .ets 文件,将光标移动到你需要出入代码的位置,然后按下快捷键 Ctrl + K (快捷键建议大家修改成自己合适的) 或者 菜单里 -> Code -> 一键插入代码,即可弹出选择模板的弹窗,从弹窗中选择你要插入的代码模板,键盘回车或者双击,即可一键插入!,如下图:

img.png

img_1.png

img_2.png

视频 gitee.com/yanftch/hdc…

目前版本支持这些模板,后续大家可以自行添加适合自己的模板代码

image.png

增加代码模板

如果插件自带的模板不合适,大家可以定制化自己常用的模板,只要在插件中配置好模板,就可以通过插件来插入代码了~

  • 1.打开设置页面,Mac 系统 菜单 Preferences -> Tools -> InsertCodeSettings
  • 2.添加自定义模板输入框中,输入你要创建的模板的 名称(便于在插入的时候找到),然后在右侧的输入面板中,写入你的模板代码,然后点击 apply 或者 ok;如果需要创建多个,建议点击 apply,然后继续添加
  • 3.添加自定义模板输入框,鼠标移动过去的时候停留2s,会有提示,按照提示操作即可。PS :自定义模板:此输入框输入「模板名」,右侧输入模板代码,保存即可。名称必须字母开头!
  • 4.配置好模板,就可以在 菜单里 -> Code -> 一键插入代码 中找到,双击即可插入!
  • 5.格式化:格式化按钮只是简单的基于.进行拆分+换行格式化,因为没有严格的规则,仅此假装格式化一下子~~~

如果需要修改已有的模板,只需要自定义一个同名的,覆盖即可!!!

img_3.png

img_5.png

img_4.png

视频 gitee.com/yanftch/hdc…

模板缓存位置

以下是模板存储的位置,有需要可以查看的可以从这找到配置文件~

Windows:

C:\Users\<username>\AppData\Roaming\<JetBrainsProduct>\<version>\config

Mac:

/Users/<username>/Library/Application Support/<JetBrainsProduct>/<version>/config

至此,结束~

模板会不定期更新,希望大家及时更新插件版本哟~这个文章会同步更新 更新日志

插件地址

plugins.jetbrains.com/plugin/2519…

告诉你

有任何问题都可以 评论区 留言,支持提需求的呦~~~~

预告下,下一个插件 在路上了 ~~~

其他好用的插件

JsonFormat:

juejin.cn/post/739539…


1.JSON、JavaBean、ets 之间无痕转换

plugins.jetbrains.com/plugin/2493…

2.Json 转成 ets 文件

plugins.jetbrains.com/plugin/2515…

联系我

V: qiuyanfeng2012