之前一直使用webstorm进行开发,但是大家都知道webstorm比较臃肿、吃内存,所以尝试了一下VScode,VScode编辑器是个可扩展性很强的前端编辑器,能够很方便地加载许多实用的插件,以下是我在开发中比较推荐的。
通过不同的颜色区分代码块的括号,不容易搞错
chrome debugger工具
Atom's One Dark 编辑器主题
能够自动为js文件生成详细的js文档注释
代码规范检查工具,团队协作必备,减少文件冲突
安装后可以直接在编辑器左下角查看当前文件大小
检索项目中的函数定义,可以进行不同js文件的代码跳转
查看git历史记录
查看每行代码的历史提交修改记录
css文件中直接预览引入的图片
集成了很多markdown快捷键,能够快速进行markdown文件编辑,同时提供预览功能(需要手动设置"markdown.extension.preview.autoShowPreviewToSide": true,
)
markdown文件转pdf,但效果不如mac下的macdown,会有小细节丢失情况
通过代码中路径字符串直接打开文件,快捷键alt+d
vscode控制台日志颜色标识工具
能够自动补全路径
代码单元测试工具
直接生成选择文件的相对路径,很方便
vscode设置同步工具,可以将vscode的设备存储在github上,并且在不同电脑上读取配置
列出文件中Todo事项
给文件添加文件头,自动更新最新修改的时间、作者
vscode编辑器文件、文件夹图标,提高文件识别度