效果
vscode
的 settings.json
配置
{
"[javascriptreact]": {},
"files.associations": {
"*.js": "javascriptreact"
},
"emmet.includeLanguages": {
"javascript": "javascriptreact",
},
"editor.tokenColorCustomizations": {
"textMateRules": [
{
"scope": [
"entity.name.function",
"support.function"
],
"settings": {
"fontStyle": "bold"
}
}
]
},
"editor.minimap.renderCharacters": false,
"editor.minimap.maxColumn": 200,
"editor.minimap.showSlider": "always",
// "editor.cursorSmoothCaretAnimation": true,
"files.trimTrailingWhitespace": true,
"files.insertFinalNewline": true,
"editor.lineHeight": 25,
"javascript.implicitProjectConfig.experimentalDecorators": true,
"window.zoomLevel": 0,
"workbench.colorTheme": "One Dark Pro Bold",
"breadcrumbs.enabled": true,
// "editor.codeActionsOnSave": {
// "source.organizeImports": true
// }
"terminal.integrated.fontFamily": "Meslo LG M for Powerline",
"diffEditor.ignoreTrimWhitespace": true,
"editor.renderIndentGuides": false,
"guides.normal.color.dark": "rgba(91, 91, 91, 0.6)",
"guides.normal.color.light": "rgba(220, 220, 220, 0.7)",
"guides.active.color.dark": "rgba(210, 110, 210, 0.5)",
"guides.active.color.light": "rgba(200, 100, 100, 0.7)",
"guides.active.style": "dashed",
"guides.normal.style": "dashed",
"guides.stack.style": "dashed",
"workbench.iconTheme": "material-icon-theme",
"material-icon-theme.folders.theme": "specific",
"material-icon-theme.activeIconPack": "react_redux",
}
复制代码
以下是 vscode
的一些插件
Auto Rename Tag
Bracket Pair Colorizer
Color Highlight
ES7 React/Redux/GraphQL/React-Native snippets
ESLint
Guides
javascript console utils
Material Icon Theme
One Dark Pro
React/Redux/react-router Snippets
TODO Highlight
vscode convert utils
iterm2 的相关配置