您看完本文后,将会学习到这些实际开发中常用的骚操作
vscode中快速生成头部注释以及函数注释(koroFileHeader)
不知道如何命名,打开这个codeIf网站(对于有的小伙伴可能有用),分别在sublime以及vscode中实现
遇到翻译问题,你或许习惯了百度翻译或者有道翻译,甚至特意的安装翻译软件,其实在编辑器里就能解决,翻译插件(Yao-Translate)以及Translate,Translate-CN分别在(vscode,sublime,IDEA)的使用
KoroFileHeader注释
快速给文件添加头部注释或者函数注释
ctrl+shift+p--->config
--->配置显示语言--->选择自己要显示的语言
FileHeader Cursor Mode
与custom Made
中,点击settings.json
,可分别对头部文件注释和函数注释进行
分别把下面的fileheader.customMade与fileheader.cursorMode,配置到你的配置里,进行个性化配置"fileheader.customMade": { //此为头部注释 "LineStart": "-------------------------------------------", "Copyright": "© 2020, itclanCoder. All rights reserved.", "LineEnd": "----------------------------------------------", "Product": "", "Mode Name": "", "Autor": "vxPublic:itclanCoder", "Date": "Do not edit", "Version": "xxx.v1.0", "LastEditors": "川川", "LastEditTime": "", "Description": "", }, "fileheader.cursorMode": { //此为函数注释 "description":"函数功能详细描述", "param": "", "return": "", "author":"itclanCoder" } 复制代码
分别在在代码编辑区里ctrl+alt+i(生成头部注释)
,ctrl+alt+t(生成函数注释)
sublimeText3快速生成注释
对于一个爱折腾编辑器的小伙伴来说,在没有出现vscode之前,sublimeText是一个非常轻量的工具,非常酷的代码编辑器
同样怎么生成头部注释
ctrl+shift+p
---->install Package
--->DocBlockr
sublimeTmpl(建各种模板)
preferences
--->package settings
--->sublimeTmpl
--->setting default
将下面的添加到你的编辑器即可,自己进行个性化配置就好
"attr": { "LineStart":"-------------------------------------------", "Copyright": "© 2020, itclanCoder. All rights reserved.", "LineEnd":"----------------------------------------------", "Product":"", "ModeName":"", "Version": "", "author": "vxPublic:itclanCoder", "LastEditors": "川川", "email": "itclanCode@163.com", "link": "http://example.org", "Description":"" } 复制代码
对你自己想要新增的字段进行添加,然后再菜单栏中Browse Packages
找到SublimeTmpl
打开相应的文件进行更改,例如:js.tmpl
/** * ${1:} * @LineStart ${LineStart} * @Copyright ${Copyright} * @Product ${Product} * @ModeName ${ModeName} * @authors ${author} (${email}) * @date ${date} * @version \$Id\$ * @link ${link} * @LastEditors ${LastEditors} * @Description ${Description} */ $0 复制代码
当你完成上面的操作之后,新建xxx.js时,头部文件就会生成给定的注释
关于sublimeText更多内容,可以戳链接sublimeText3之码上有爱
codeIf变量命名神器
codeif是一个变量命名网站,当你输入中文或者英文时,该网站都会给出一些示例,供你命名参考,这个网站或许对于一些感觉命名头疼的小伙伴来说有些用
vscode
以及sublimeText
中都有对应的解决方案,前者可以在插件市场中安装codeIf,后者虽然没有提供插件的在线安装,但是可以本地安装的
sublimeText
中,进入packages
文件夹中下载好安装包压缩重命名为codeIf
然后就可以使用了
Yao-Translate与Translate翻译插件
无论是在阅读代码还是在对变量的命名,一旦涉及到英文,你可能习惯性的去有道翻译,或者百度翻译,甚至电脑安装个翻译工具,打开翻译一下,在或者借助浏览器翻译插件
这些方法的确可以解决,但是更快更直接的方式是在代码编辑器中就可以完成,要知道,在多个进程之间切来切去是很消耗时间和精力的
Translate翻译插件
vscode中安装Translate(使用这个需要到有道智云里面获取密钥进行配置一下)
进入translate的配置设置,你会发现你需要填入密钥,这个密钥去http://ai.youdao.com,这个网站注册获取密钥
打开有道智云官方网站,注册一个账号,进入管理后台获取密钥
Yao-Translate
vscode之所以受人欢迎,很大程度上就是因为它丰富的第三方开源的插件,安装简单方便,文档使用齐全,想不爱它都不行,可以多试试一些辅助插件
Yao-Translate这个翻译插件也很有用
ctrl+shift+T
是翻译,选中文本按ctrl+shift+R
是互译并替换,有时候你在替换翻译一些字段时候,这个很有用
sublimeText中的翻译插件
sublimeText3
中在线安装Translate-CN
就可以的选中的英文单词,然后右键Translate-CN--current Text/input Text
IDEA中的翻译插件
有时候,对于一些前端项目需要依赖启动一些后台服务才能跑起来,而IDEA这个工具对于搞java的同学来说,是不陌生的,这个工具也是相当强大
更多的IDEA使用可以百度百科,可以单独写好几篇了的,这里只介绍一个实时的翻译
Tools
下的Translation
中进行密钥的设置,然后重启IDEA
结语
本小节主要介绍了在实际开发中能用到的一些工具,工具还是要多用,原始的工具也要会,高级工具也要接触,有时候去多多的尝试,就会给自己很多意外当自己发现效率很低,有没有一种更好更快的方式解决当下问题时
比如:很多小伙伴遇到命名头疼问题,那么codeIf似乎给你更好的参考,当你需要翻译的时候,有的小伙伴习惯百度翻译或者去有道翻译,甚至电脑特意的安装一个翻译软件
这些原始操作的确是能解决问题,但是你会发现,在各个应用程序之间切来切去,其实是一件很消耗精力的事情
那么在当今这些牛逼的代码编辑器里,肯定有牛人解决了这个问题,而各个编辑器肯定也有类似的解决方案
尝试着一种新的方式去工作,有时候就会发现原来,还可以这么搞的
希望以上分享的内容对一些小伙伴有用~