介绍几个代码实际开发中很实用的工具

最新推荐文章于 2024-05-21 09:13:41 发布

itclanCoder

最新推荐文章于 2024-05-21 09:13:41 发布

阅读量1.1k

点赞数

本文链接：https://blog.csdn.net/wzc_coder/article/details/104744608

版权

虽互不曾谋面,但希望能和你成为笔尖下的朋友

以读书,技术,生活为主,偶尔撒点鸡汤

不作,不敷衍,意在真诚吐露,用心分享

点击左上方,可关注本刊

标星公众号（ID：itclanCoder）

如果不知道如何操作

点击这里,标星不迷路

━━━━━━

我希望你保持空杯

一边阅读一边思考

更重要是要动手敲

如果有收获三连击

作者 | 随笔川迹

ID | suibichuanji

前言

撰文:川川

您看完本文后,将会学习到这些实际开发中常用的骚操作

vscode中快速生成头部注释以及函数注释(koroFileHeader)
不知道如何命名,打开这个codeIf网站(对于有的小伙伴可能有用)，分别在sublime以及vscode中实现
遇到翻译问题,你或许习惯了百度翻译或者有道翻译,甚至特意的安装翻译软件,其实在编辑器里就能解决,翻译插件(Yao-Translate)以及Translate,Translate-CN分别在(vscode,sublime,IDEA)的使用

· 正 · 文 · 来 · 啦 ·

KoroFileHeader注释

快速给文件添加头部注释或者函数注释

点击vscode中左侧工具栏的应用商店的图标,直接搜索koroFileHeader安装

查看koroFileHeader的使用文档（这个很重要,其他类似插件使用也是如此）

个性化头部配置自己想要的信息,单击插件,进入配置,配置拓展设置（进入的该方式有两种,如下所示）

如果你的vscode是英文版的,英文阅读上觉得有障碍,也可以商店里下载chinese这个插件拓展，按照文档操作汉化即可

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是一个变量命名网站,当你输入中文或者英文时,该网站都会给出一些示例,供你命名参考,这个网站或许对于一些感觉命名头疼的小伙伴来说有些用

https://unbug.github.io/codelf/

如果你记不住网站的名称,每次都得打开这个网站觉得很麻烦,在vscode以及sublimeText中都有对应的解决方案,前者可以在插件市场中安装codeIf,后者虽然没有提供插件的在线安装,但是可以本地安装的

在sublimeText中,进入packages文件夹中下载好安装包压缩重命名为codeIf,然后就可以使用了

如果你需要sublimeText中codeIF的安装包,后台回复codeIf,即可下载

Yao-Translate与Translate翻译插件

无论是在阅读代码还是在对变量的命名,一旦涉及到英文,你可能习惯性的去有道翻译,或者百度翻译,甚至电脑安装个翻译工具,打开翻译一下,在或者借助浏览器翻译插件

这些方法的确可以解决,但是更快更直接的方式是在代码编辑器中就可以完成,要知道,在多个进程之间切来切去是很消耗时间和精力的

Translate翻译插件

vscode中安装Translate(使用这个需要到有道智云里面获取密钥进行配置一下)

进入translate的配置设置,你会发现你需要填入密钥,这个密钥去http://ai.youdao.com,这个网站注册获取密钥

打开有道智云官方网站,注册一个账号,进入管理后台获取密钥

在vscode中选中中文或者英文，直接ctrl+6,在控制台下看是否有翻译结果,有则安装完成,正确,无论中英文都能能互译

不要觉得上面的配置很麻烦,麻烦一次,简直是一劳永逸,在也不用下载什么翻译软件工具或者打开百度翻译,有道翻译了的,直接在代码编辑器里就可以互译

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使用可以百度百科,可以单独写好几篇了的,这里只介绍一个实时的翻译

点击文件File然后进入设置

找到plugins,然后浏览插件,搜索Translation进行安装

在Tools下的Translation中进行密钥的设置,然后重启IDEA

点击IDEA菜单栏右侧的翻译图标,非常方便,无论中英文都可以实时翻译

结语

conclusion

本小节主要介绍了在实际开发中能用到的一些工具，工具还是要多用,原始的工具也要会,高级工具也要接触,有时候去多多的尝试,就会给自己很多意外当自己发现效率很低,有没有一种更好更快的方式解决当下问题时

比如:很多小伙伴遇到命名头疼问题,那么codeIf似乎给你更好的参考,当你需要翻译的时候,有的小伙伴习惯百度翻译或者去有道翻译,甚至电脑特意的安装一个翻译软件

这些原始操作的确是能解决问题,但是你会发现,在各个应用程序之间切来切去,其实是一件很消耗精力的事情

那么在当今这些牛逼的代码编辑器里,肯定有牛人解决了这个问题,而各个编辑器肯定也有类似的解决方案

尝试着一种新的方式去工作,有时候就会发现原来,还可以这么搞的

希望以上分享的内容对一些小伙伴有用~

这个世界很酷

遇见你本就是命中注定

知交零落是人生常态

能够偶尔话起

而心中仍然温柔

便是好朋友

我希望你就是我的那个朋友

终日守候

看我码字,听我读书

坚持给川川点赞

愿少年你

不畏风雨,砥砺"潜"行

听川川,荡气回肠

看川川,码中怀孕

读川川,浮想联翩

写川川,镂骨铭心

公众号（ID：itclanCoder）

长按二维码扫码即可关注“itclanCoder”

码能让你早脱菜籍，文能让你洗净铅华

可能你还想看更多：

React进阶(6)-react-redux的使用

React进阶(6)-react-redux的使用

js数组中一些实用的方法(forEach,map,filter,find)

js数组中一些实用的方法(forEach,map,filter,find)

js中的同步与异步

js中的同步与异步

怎么提升内容的调性呢

怎么提升内容的调性呢

读《富爸爸,穷爸爸》后感（四)

读《富爸爸,穷爸爸》后感（四)

无论你离开还是留下,我一直都在

看完就赞，赞完就转

让我知道你曾今来过

itclanCoder

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
介绍几个代码实际开发中很实用的工具

虽互不曾谋面,但希望能和你成为笔尖下的朋友以读书,技术,生活为主,偶尔撒点鸡汤不作,不敷衍,意在真诚吐露,用心分享点击左上方,可关注本刊标星公众号（ID：itclanCoder）如果不知...
复制链接

扫一扫