반응형
# bracketpair 20250704 (처음 끝 태그 짝 선으로 쉽게 찾아줌 2:19)
https://www.youtube.com/watch?v=bOMSd02AfR0
# 20250704 HTML CSS 문법 검사
1. 일단 내부적으로 문법검사하는 기능을 꺼야함 settings.json 들가서 아래 코드 추가
"css.validate": false
2. 그 다음에 ESLint 설치 하면 끝 일단 ESLint 좋은건지는 봐야알겠는데 잡다한 오류 많이떠서 settingsjson에 추가 해야하긴함
[아래 검토]
PHP Intelephense (v1.0.0)
- PHP 함수 정의 찾아가기 기능 제공 F12
- 별도 세팅 X
. Goto definition alias (v0.2.0) 0.2.1 아님
- JS 함수 정의 찾아가기 기능 제공
- settings.json 에 아래 코드 추가 후 사용가능
{ "editor.gotoLocation.multipleDefinitions": "goto", }
. 스티키 (코드 최상단 라인 고정 1:25) https://www.youtube.com/watch?v=XMfyfNZooi4
. JavaScript (ES6) code snippets (명령어 제공 clg)
. auto rename tag (html 앞 요소 변경 쉬 닫는 태그도 변경) https://ux.stories.pe.kr/239
. bracketpair ( 처음 끝 태그 짝 선으로 쉽게 찾아줌 2:19) https://www.youtube.com/watch?v=bOMSd02AfR0
. PHP Intelephense v0.6.9 PHP 함수같은거 GO TODEFINITION 도와줌 에러없이
. Sublime Text - Identical Mariana Theme (서브라임이랑 비슷하게 코드 나오게 하기)
아래는 해당 테마가 설치 된 파일의 커스텀 설정인데 탭 색깔이너무 뿌예서 조절한 코드임 test.json 가서 아래 코드로 덮어쓰자
더보기
{
"name": "Sublime Mariana ⎯ Test",
"type": "dark",
"semanticHighlighting": true,
"colors": {
"tab.activeBackground": "#000000",
"editorGroup.dropBackground": "#4f565e90",
"editorGroupHeader.tabsBackground": "#4F565E",
"editorGroupHeader.border": "#303841",
"tab.border": "#4F565E",
"sideBar.background": "#22262A",
"sideBar.foreground": "#CCC",
"sideBarTitle.foreground": "#999A9D",
"gitDecoration.modifiedResourceForeground": "#F9AE58",
"gitDecoration.conflictingResourceForeground": "#EC5F66",
"editor.background": "#303841",
"badge.background": "#303841",
"editor.lineHighlightBackground": "#4D5864",
"activityBar.background": "#22262a",
"activityBar.foreground": "#e6e6e6",
"activityBarBadge.background": "#2e3238cc",
"activityBarBadge.foreground": "#e6e6e6",
"badge.foreground": "#e6e6e6",
"button.background": "#444444",
"button.foreground": "#e6e6e6",
"button.hoverBackground": "#007acc",
"diffEditor.insertedTextBackground": "#a3ce9e40",
"diffEditor.removedTextBackground": "#ee6a6f40",
"dropdown.background": "#343d46",
"dropdown.listBackground": "#343d46",
"editor.findMatchBackground": "#cfebfd21",
"editor.findMatchHighlightBackground": "#cfebfd21",
"editor.findRangeHighlightBackground": "#cfebfd21",
"editor.foreground": "#FFF",
"editor.hoverHighlightBackground": "#cfebfd21",
"editor.inactiveSelectionBackground": "#4c5863fc",
"editor.lineHighlightBorder": "#303841",
"editor.rangeHighlightBackground": "#cfebfd21",
"editor.selectionBackground": "#4c5863",
"editor.selectionHighlightBorder": "#647382",
"editor.selectionHighlightBackground": "#4c5863fc",
"editor.wordHighlightBackground": "#00000000",
"editor.wordHighlightStrongBackground": "#00000000",
"editorCursor.foreground": "#F9AE58",
"editorError.border": "#00000000",
"editorError.foreground": "#ee6a6f",
"editorGroup.border": "#303841",
"editorGroupHeader.noTabsBackground": "#303841",
"editorGutter.addedBackground": "#a3ce9e",
"editorGutter.deletedBackground": "#ee6a6f",
"editorGutter.modifiedBackground": "#ebcb8b",
"editorInfo.foreground": "#a3ce9e",
"editorLineNumber.activeForeground": "#bfc5d0",
"editorLineNumber.foreground": "#848B95",
"editorOverviewRuler.addedForeground": "#a3ce9e",
"editorOverviewRuler.border": "#303841",
"editorOverviewRuler.bracketMatchForeground": "#cfebfd3d",
"editorOverviewRuler.currentContentForeground": "#cfebfd3d",
"editorOverviewRuler.deletedForeground": "#ee6a6f",
"editorOverviewRuler.errorForeground": "#ee6a6f",
"editorOverviewRuler.findMatchForeground": "#cfebfd3d",
"editorOverviewRuler.incomingContentForeground": "#cff4fd3d",
"editorOverviewRuler.infoForeground": "#cfebfd3d",
"editorOverviewRuler.modifiedForeground": "#ebcb8b",
"editorOverviewRuler.rangeHighlightForeground": "#cfebfd3d",
"editorOverviewRuler.selectionHighlightForeground": "#cfebfd3d",
"editorOverviewRuler.warningForeground": "#ebcb8b",
"editorOverviewRuler.wordHighlightForeground": "#cfebfd3d",
"editorOverviewRuler.wordHighlightStrongForeground": "#cfebfd3d",
"editorSuggestWidget.background": "#404954",
"editorWarning.border": "#00000000",
"editorWarning.foreground": "#fab763",
"editorWhitespace.foreground": "#cfebfd3d",
"editorWidget.background": "#404954",
"editorWidget.border": "#cfebfd3d",
"extensionButton.prominentBackground": "#454b54",
"extensionButton.prominentForeground": "#e6e6e6",
"extensionButton.prominentHoverBackground": "#454b5470",
"focusBorder": "#cfebfd3d",
"foreground": "#e6e6e6",
"gitDecoration.deletedResourceForeground": "#ee6a6f",
"gitDecoration.submoduleResourceForeground": "#ffffff70",
"gitDecoration.untrackedResourceForeground": "#ffffff70",
"input.background": "#343d46",
"input.border": "#cfebfd21",
"input.foreground": "#e6e6e6",
"input.placeholderForeground": "#ffffff70",
"list.activeSelectionBackground": "#cfebfd21",
"list.activeSelectionForeground": "#e6e6e6",
"list.dropBackground": "#cfebfd21",
"list.errorForeground": "#ee6a6f",
"list.focusBackground": "#cfebfd21",
"list.focusForeground": "#e6e6e6",
"list.highlightForeground": "#e6e6e6",
"list.hoverBackground": "#cfebfd14",
"list.hoverForeground": "#e6e6e6",
"list.inactiveSelectionBackground": "#cfebfd14",
"list.inactiveSelectionForeground": "#e6e6e6",
"list.warningForeground": "#fab763",
"minimap.selectionHighlight": "#687785fc",
"minimapSlider.activeBackground": "#696c6f59",
"minimapSlider.background": "#696c6f59",
"minimapSlider.hoverBackground": "#696c6f59",
"merge.currentContentBackground": "#fab76340",
"merge.currentHeaderBackground": "#fab76370",
"merge.incomingContentBackground": "#a3ce9e40",
"merge.incomingHeaderBackground": "#a3ce9e70",
"notificationCenterHeader.background": "#23292e",
"notificationCenterHeader.foreground": "#e6e6e6",
"panel.background": "#454b54",
"panel.border": "#cfebfd21",
"panelTitle.activeBorder": "#e7e7e7",
"peekView.border": "#6699cc",
"peekViewEditor.background": "#23292e",
"peekViewEditor.matchHighlightBackground": "#cfebfd3d",
"peekViewEditorGutter.background": "#23292e",
"peekViewResult.background": "#343d46",
"peekViewTitle.background": "#23292e",
"pickerGroup.border": "#6699cc",
"pickerGroup.foreground": "#6699cc",
"progressBar.background": "#23292e",
"scrollbar.shadow": "#30384100",
"scrollbarSlider.activeBackground": "#bdc0c366",
"scrollbarSlider.background": "#61666d66",
"scrollbarSlider.hoverBackground": "#5c626bb3",
"selection.background": "#ffffff80",
"sideBarSectionHeader.background": "#22262a",
"sideBarSectionHeader.foreground": "#e6e6e6",
"statusBar.background": "#2e3238",
"statusBar.border": "#cfebfd00",
"statusBar.debuggingBackground": "#007acc",
"statusBar.debuggingForeground": "#e6e6e6",
"statusBar.foreground": "#e6e6e6",
"statusBar.noFolderBackground": "#181c21",
"statusBar.noFolderForeground": "#e6e6e6",
"statusBarItem.activeBackground": "#cfebfd21",
"statusBarItem.hoverBackground": "#cfebfd14",
"statusBarItem.prominentBackground": "#cfebfd21",
"statusBarItem.prominentHoverBackground": "#cfebfd14",
"terminal.ansiBlack": "#e6e6e6",
"terminal.ansiBlue": "#6699cc",
"terminal.ansiBrightBlack": "#e6e6e6",
"terminal.ansiBrightBlue": "#6699cc",
"terminal.ansiBrightCyan": "#6699cc",
"terminal.ansiBrightGreen": "#a3ce9e",
"terminal.ansiBrightMagenta": "#c594c5",
"terminal.ansiBrightRed": "#ee6a6f",
"terminal.ansiBrightYellow": "#fab763",
"terminal.ansiCyan": "#6699cc",
"terminal.ansiGreen": "#a3ce9e",
"terminal.ansiMagenta": "#c594c5",
"terminal.ansiRed": "#ee6a6f",
"terminal.ansiWhite": "#ffffffdd",
"terminal.ansiYellow": "#fab763",
"terminal.background": "#454b54",
"terminal.selectionBackground": "#ffffff30",
"terminalCursor.background": "#ffffff30",
"terminalCursor.foreground": "#e6e6e6",
"textLink.activeForeground": "#6699cc",
"textLink.foreground": "#6699cc",
"textPreformat.foreground": "#6699cc",
"titleBar.activeBackground": "#2b2b2b",
"titleBar.activeForeground": "#e6e6e6",
"titleBar.inactiveBackground": "#2b2b2b",
"titleBar.inactiveForeground": "#7f7f7f",
"widget.shadow": "#00000040",
"menu.background": "#2b2a29e8"
},
"tokenColors": [
{
"scope": [
"punctuation.definition.block",
"punctuation.definition.binding-pattern.object",
"punctuation.definition.parameters",
"punctuation.definition.binding-pattern.array",
"punctuation.definition.dictionary",
"punctuation.definition.array",
"constant.other.color.rgb-value.xi",
"meta.type.tuple"
],
"settings": {
"foreground": "#D8DEE9"
}
},
{
"scope": [
"variable.other.readwrite.alias",
"support.type.property-name.json.comments",
"constant.other.color.rgb-value.xi",
"entity.other.inherited-class",
"constant.other.php",
"constant.other.class.php",
"meta.object-literal.key.js",
"new.expr entity.name.function",
"punctuation.definition.template-expression",
"variable.other.object.property",
"variable.other.object.property.js"
],
"settings": {
"foreground": "#D8DEE9",
"fontStyle": ""
}
},
{
"scope": "support.type.property-name",
"settings": {
"foreground": "#D8DEE9",
"fontStyle": "italic"
}
},
{
"scope": [
"entity.name.tag",
"support.class.component",
"keyword.operator.optional",
"constant.language.json.comments",
"storage",
"constant.regexp.xi",
"red",
"meta.type.tuple"
],
"settings": {
"foreground": "#EC5F66"
}
},
{
"scope": [
"support.variable.property.importmeta",
"constant.language.boolean",
"constant.language.null",
"constant.language.undefined",
"constant.language.nan",
"constant.language.infinity",
"variable.language.this",
"constant.language.json"
],
"settings": {
"foreground": "#EC5F66",
"fontStyle": "italic"
}
},
{
"scope": "wikiword.xi",
"settings": {
"foreground": "#C2B19D"
}
},
{
"scope": [
"keyword.control",
"storage.type",
"entity.other.attribute-name",
"keyword.control.default",
"keyword.control.export",
"keyword.control.from",
"entity.name.function.xi",
"keyword.operator.expression",
"constant.character",
"constant.language.import-export-all"
],
"settings": {
"foreground": "#C695C6"
}
},
{
"scope": [
"keyword.operator.new.ts",
"keyword.control.flow",
"keyword.control.conditional",
"keyword.control.loop",
"support.function.construct.output.php",
"keyword.other.new.php",
"storage.type.function.arrow",
"keyword.operator.new",
"keyword.generator.asterisk"
],
"settings": {
"foreground": "#C695C6"
}
},
{
"scope": [
"storage.modifier.async",
"storage.type"
],
"settings": {
"foreground": "#C695C6",
"fontStyle": "italic"
}
},
{
"scope": [
"punctuation.definition.block.tag.jsdoc",
"storage.type.class.jsdoc"
],
"settings": {
"foreground": "#C695C6",
"fontStyle": ""
}
},
{
"scope": [
"meta.method.declaration storage.type"
],
"settings": {
"foreground": "#5FB4B4"
}
},
{
"scope": [
"string",
"string.quoted.double.json.comments",
"support.type.property-name.json.comments",
"support.type.property-name.json"
],
"settings": {
"foreground": "#8CC98F",
"fontStyle": ""
}
},
{
"scope": [
"punctuation.definition.string",
"punctuation.definition.tag",
"punctuation.definition.typeparameters",
"meta.jsx.children punctuation.section.embedded",
"punctuation.definition.string.begin.json.comments",
"punctuation.definition.string.end.json.comments",
"entity.name.class.xi",
"punctuation.definition",
"support.constant.core",
"punctuation.support.type.property-name.begin.json",
"punctuation.support.type.property-name.end.json"
],
"settings": {
"foreground": "#5FB4B4",
"fontStyle": ""
}
},
{
"scope": [
"meta.tag.attributes keyword.operator.assignment",
"comment.block",
"comment",
"punctuation.definition.comment",
"keyword.operator.type.annotation",
"punctuation.accessor",
"comment.block.ts",
"lalala",
"zazaza",
"entity.name.type.instance.jsdoc",
"punctuation.definition.bracket.curly",
"punctuation.definition.section.case-statement",
"punctuation.terminator.statement",
"punctuation.separator.comma",
"meta.type.tuple punctuation.separator.comma"
],
"settings": {
"foreground": "#A6ACB9"
}
},
{
"scope": [
"constant.numeric",
"invalid.xi",
"orange"
],
"settings": {
"foreground": "#F9AE58"
}
},
{
"scope": [
"entity.name.type.class.php",
"support.class.php",
"entity.other.inherited-class.php"
],
"settings": {
"foreground": "#FCBB6A"
}
},
{
"scope": [
"keyword.operator",
"keyword.control.xi"
],
"settings": {
"foreground": "#F97B58"
}
},
{
"scope": [
"keyword.operator.expression.keyof",
"keyword.operator.expression.typeof",
"keyword.operator.expression.delete",
"keyword.operator.expression.delete",
"keyword.operator.expression.in",
"keyword.operator.expression.instanceof",
"keyword.operator.expression.void",
"keyword.operator.expression.of",
"keyword.other.type"
],
"settings": {
"foreground": "#F97B58"
}
},
{
"scope": [
"entity.name.function",
"constant.character.character-class.regexp.xi"
],
"settings": {
"foreground": "#69C",
"fontStyle": "italic"
}
},
{
"scope": [
"support.type.primitive",
"support.function",
"variable.other.object"
],
"settings": {
"foreground": "#69C",
"fontStyle": "italic"
}
},
{
"scope": "entity.name.type.class",
"settings": {
"foreground": "#D8DEE9"
}
},
{
"scope": "entity.other.inherited-class.ts",
"settings": {
"foreground": "#D8DEE9",
"fontStyle": "italic"
}
},
{
"scope": [
"beginning.punctuation.definition.list.markdown.xi",
"punctuation.definition.tag.xi",
"punctuation.section.embedded.begin.php",
"punctuation.section.embedded.end.php"
],
"settings": {
"foreground": "#404750"
}
},
{
"scope": "text.xi",
"settings": {
"foreground": "#CE9178"
}
},
{
"scope": "white",
"settings": {
"foreground": "#D8DEE9FFF"
}
},
{
"scope": [
"beginning.punctuation.definition.quote.markdown.xi"
],
"settings": {
"foreground": "#00E673"
}
},
{
"scope": "accent.xi",
"settings": {
"foreground": "#00E6E6"
}
},
{
"scope": "constant.character.xi",
"settings": {
"foreground": "#69C"
}
},
{
"scope": [
"constant.numeric"
],
"settings": {
"foreground": "#F9AE58"
}
},
{
"scope": [
"meta.type.declaration entity.name.type"
],
"settings": {
"foreground": "#69C",
"fontStyle": "italic"
}
}
],
"semanticTokenColors": {
"parameter": {
"foreground": "#D8DEE9",
"fontStyle": ""
},
"parameter.declaration": {
"foreground": "#F9AE58",
"fontStyle": ""
},
"property": {
"foreground": "#D8DEE9",
"fontStyle": ""
},
"property.readonly": {
"fontStyle": ""
},
"variable": {
"foreground": "#D8DEE9",
"fontStyle": ""
},
"variable.defaultLibrary": {
"foreground": "#69C",
"fontStyle": "italic"
},
"function": {
"foreground": "#69C",
"fontStyle": ""
},
"function.declaration": "#5FB4B4",
"function.defaultLibrary": {
"fontStyle": "italic"
},
"method": {
"foreground": "#69C",
"fontStyle": "italic"
},
"method.declaration": {
"foreground": "#5FB4B4",
"fontStyle": ""
},
"method.declaration.static": {
"foreground": "#5FB4B4",
"fontStyle": ""
},
"method.static": {
"foreground": "#6496C8",
"fontStyle": "italic"
},
"method.readonly.defaultLibrary": {
"foreground": "#C695C6"
},
"class": {
"foreground": "#D8DEE9",
"fontStyle": ""
},
"class.declaration": {
"foreground": "#F9AE58",
"fontStyle": ""
},
"class.defaultLibrary": {
"foreground": "#69C",
"fontStyle": "italic"
},
"interface": {
"foreground": "#69C",
"fontStyle": "italic"
},
"interface.declaration": {
"fontStyle": "",
"foreground": "#F9AE58"
},
"type": {
"fontStyle": "italic",
"foreground": "#69C"
},
"type.declaration": {
"fontStyle": "",
"foreground": "#F9AE58"
},
"typeParameter": {
"foreground": "#69C",
"fontStyle": "italic"
},
"typeParameter.declaration": {
"foreground": "#F9AE58",
"fontStyle": ""
},
"enum": "#F9AE58",
"namespace": {
"foreground": "#69C",
"fontStyle": "italic"
},
"namespace.declaration": {
"foreground": "#F9AE58",
"fontStyle": ""
},
"comment": "#A6ACB9"
}
}
반응형
'웹 > VSCODE' 카테고리의 다른 글
| 저장 시 코드 자동 정렬 옵션 해제 (0) | 2025.05.20 |
|---|---|
| sourcetree - 커밋 비교 사항 vscode로 보기 (0) | 2025.05.12 |
| vscode 단축키 (0) | 2025.05.12 |
| VSCODE - 이전 함수 어디갔지? code navigation - Extention (0) | 2025.05.10 |
| VSCODE - settings.json 세팅정리 (0) | 2025.05.07 |