最近换新电脑,重装开发工具的时候,发现atom不能用了,官网显示已经停止维护正在归档。
然后又开始新的一轮,编辑器选拔大赛,在对比了 sublime text
vs code
和 webstorm
后,最终选择了 vs code,
虽然sublime编辑器默认主题的美观度比vs code 和 webstorm更简洁,但是安装插件的方式比较古老。
webstorm的功能虽然很强大,但编辑器的自定义和改造功能貌似不如 vs code。
三个编辑器界面对比
sublime text
websorm
vs code
从界面上来看,sublime 是三个编辑器中最简洁的一个,vs code 安装插件和功能和atom相差不大,而且还是免费的,三款编辑器中无疑是最佳的选择。
经过2天的折腾和改造之后,终于把vs code改成atom版本的简介风格了。分享给大家欣赏一下。
配置文件如下
setting.json
{
"workbench.preferredHighContrastColorTheme": "Community Material Theme",
"editor.renderLineHighlight": "none",
"editor.tokenColorCustomizations": {
"[Community Material Theme]": {
"comments": "#229977"
}
},
"material-icon-theme.activeIconPack": "vue",
"material-icon-theme.languages.associations": {},
"cmake.configureOnOpen": true,
"explorer.compactFolders": false,
"workbench.colorTheme": "Community Material Theme Darker",
"workbench.iconTheme": "material-icon-theme",
"editor.fontSize": 16,
"editor.guides.indentation": false,
"editor.mouseWheelZoom": true,
"workbench.colorCustomizations": {
"menu.separatorBackground": "#212121",
"menu.border": "#292929"
},
"workbench.tree.indent": 15,
"workbench.view.alwaysShowHeaderActions": true,
"workbench.editor.untitled.labelFormat": "name",
"workbench.tree.renderIndentGuides": "none",
"security.workspace.trust.untrustedFiles": "newWindow",
"git.autofetch": true,
"git.confirmSync": false,
"[javascript]": {
"editor.defaultFormatter": "HookyQR.beautify"
},
"git.enableSmartCommit": true,
"[vue]": {
"editor.defaultFormatter": "octref.vetur"
},
"vetur.validation.template": false,
"[jsonc]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"gitlens.menus": {
"editor": {
"blame": false,
"clipboard": true,
"compare": true,
"history": false,
"remote": false
},
"editorGroup": {
"blame": true,
"compare": true
},
"editorTab": {
"clipboard": true,
"compare": true,
"history": true,
"remote": true
},
"explorer": {
"clipboard": true,
"compare": true,
"history": true,
"remote": true
},
"scm": {
"graph": true
},
"scmRepositoryInline": {
"graph": true
},
"scmRepository": {
"authors": true,
"graph": false
},
"scmGroupInline": {
"stash": true
},
"scmGroup": {
"compare": true,
"openClose": true,
"stash": true
},
"scmItemInline": {},
"scmItem": {
"clipboard": true,
"compare": true,
"history": true,
"remote": false,
"stash": true
}
},
"vetur.grammar.customBlocks": {
"docs": "md",
"i18n": "json"
},
"todohighlight.defaultStyle": {},
"prettier.singleQuote": true,
"prettier.semi": false,
"prettier.trailingComma": "none",
"emmet.triggerExpansionOnTab": true
}