"당신은 반드시..."이것은 많은 댓글과 동영상의 주요 제목입니다. Visual Studio 코드의 확장에 대해 이야기하는 것부터 시작하여 더 많은 관심을 얻을 수 있습니다. 그러나 이 편집기는 변색용처럼 자신의 환경을 마음대로 바꿀 수 있습니다. 이것이 바로 당신이 자신의 식단을 만들어야 하는 이유입니다.
이 물건들은 모두 자신의 의견을 고집한다.나는'나의 설정'의 통용성을 공유할 것이다. 나는 누군가가 전체적으로 유용한 것을 선택할 수 있기를 바란다.
먼저 settings on visual studio code를 읽고 사용자와 작업공간 설정 간의 차이를 이해하는 것이 좋습니다.

다중 장치

시작하기 전에 설치와 설정Settings Sync의 확장을 강력히 권장합니다.이 파일을 저장하기 위해 개인 gist를 사용하여 클라우드에서 설정을 백업하고 확장하는 능력을 증가시켰다.
다음과 같은 모든 확장자와 전체 사용자 폴더를 동기화합니다.

설정 파일

키 바인딩 파일

시작 파일

코드 세그먼트 폴더

VSCode 확장 및 확장 구성

작업공간 폴더

따라서 당신의 설비를 동기화하고 시간을 낭비하지 않을 때 공장을 리셋하거나 새로운 설비를 구매할 수 있다.

확장

편집하다

Bookmarks

{
    "bookmarks.saveBookmarksInProject": true,
    "bookmarks.navigateThroughAllFiles": true,
}

설치.json

Docs View

filesize

Gremlins tracker for Visual Studio Code

{
    "gremlins.showInProblemPane": true
}

설치.json

indent-rainbow

Image Preview

Paste Special

SVG

Todo Tree

{
    "todo-tree.filtering.excludeGlobs": [
        "**/build/**",
        "**/coverage/**",
        "**/dist/**",
        "**/node_modules/**"
    ],
    "todo-tree.general.tags": [
        "NOTE",
        "TODO",
        "FIXME",
        "MARK",
        "[ ]",
        "[x]"
    ],
    "todo-tree.highlights.defaultHighlight": {
        "type": "tag",
        "fontWeight": "bold",
        "foreground": "#000000",
        "opacity": 90,
    },
    "todo-tree.highlights.customHighlight": {
        "NOTE": {
            "background": "#FFA500",
            "iconColour": "#FFA500",
            "icon": "file",
        },
        "TODO": {
            "background": "#FFD703",
            "iconColour": "#FFD703",
            "icon": "clippy",
        },
        "FIXME": {
            "background": "#FF01FF",
            "iconColour": "#FF01FF",
            "icon": "bug",
        },
        "MARK": {
            "background": "#157EFB",
            "iconColour": "#157EFB",
            "icon": "tag",
        },
        "[ ]": {
            "background": "#ff000080",
            "iconColour": "#ff000080",
            "icon": "square",
        },
        "[x]": {
            "background": "#00ff0080",
            "iconColour": "#00ff0080",
            "icon": "square-fill",
        }
    },
    "todo-tree.regex.regex": "(//|#|<!--|;|/\\*|^|^\\s*(-|\\d+.))\\s*($TAGS)"
}

설치.json

비교하다

Partial Diff

L13 Diff (Directories)

포맷 사용

XML Tools

Sort Lines

포장

Import Cost

Version Lens

대들보를 건너다

Error Lens

Code Spell Checker + Spanish

{
    "cSpell.language": "en,es"
}

설치.json

markdownlint

쉬다

Thunder Client

Paste JSON as Code

vscode-random

배합 프로그래밍

Live Share

주제

Material Icon Theme

{
    "workbench.iconTheme": "material-icon-theme"
}

설치.json

버전 제어

Git Blame

Git Graph

gitignore

GitHub Pull Request

Remote Repositories

필요 없음

많은 확장이 무용지물입니다. VSCode 설정으로 대체할 수 있습니다.

VS 코드: 그 확장은 필요 없어

Rob Oleary 회사・ 20년 8월 5일・ 7분 읽기

#webdev #vscode #productivity #tips

VS 코드: 섹션 2를 확장할 필요가 없습니다.

Rob Oleary 회사・ 2011년 11월8일・ 13분 읽기

#vscode #tooling #productivity

설치

각 항목의 일반 (사용자 설정) 과 특정 용도 (작업공간 설정) 를 결합합니다.

{
    "breadcrumbs.enabled": true,
    "diffEditor.ignoreTrimWhitespace": true,
    "editor.autoIndent": "full",
    "editor.bracketPairColorization.enabled": true,
    "editor.guides.bracketPairs": true,
    "editor.codeActionsOnSave": {
        "source.organizeImports": false
    },
    "editor.cursorBlinking": "expand",
    "editor.formatOnPaste": false,
    "editor.formatOnSave": true,
    "editor.formatOnType": true,
    "editor.letterSpacing": 1,
    "editor.minimap.enabled": false,
    "editor.linkedEditing": true,
    "editor.renderWhitespace": "boundary",
    "editor.rulers": [80, 120],
    "editor.snippetSuggestions": "top",
    "editor.suggest.preview": true,
    "editor.tabCompletion": "on",
    "editor.wordWrap": "off",
    "explorer.autoReveal": true,
    "files.exclude": {
        "**/.git": true,
        "**/.DS_Store": true
    },
    "files.trimTrailingWhitespace": true,
    "javascript.inlayHints.parameterNames.enabled": "all",
    "typescript.inlayHints.parameterNames.enabled": "all",
    "git.autofetch": true,
    "git.alwaysShowStagedChangesResourceGroup": true,
    "git.suggestSmartCommit": false,
    "merge-conflict.diffViewPosition": "Below",
    "search.exclude": {
        "**/build": true,
        "**/coverage": true,
        "**/dist": true
    },
    "search.showLineNumbers":true,
    "screencastMode.onlyKeyboardShortcuts":true,
    "terminal.external.osxExec": "iTerm.app",
    "terminal.integrated.fontFamily": "MesloLGS NF",
    "terminal.integrated.shell.osx": "zsh",
    "window.openWithoutArgumentsInNewWindow": "on",
    "workbench.editor.highlightModifiedTabs": true,
    "workbench.editor.decorations.colors": true,
    "workbench.editor.decorations.badges": true,
    "workbench.settings.editor": "json",
    "workbench.startupEditor": "none",
    "workbench.tree.renderIndentGuides": "none",
    "[json]": {
        "editor.formatOnSave": true,
        "editor.tabSize": 4,
    },
    "[jsonc]": {
        "editor.formatOnSave": false,
        "editor.tabSize": 4
    },
    "[markdown]": {
        "editor.formatOnSave": false,
        "editor.quickSuggestions": true,
        "editor.tabSize": 2,
        "files.trimTrailingWhitespace": false
    },
    "[yaml]": {
        "editor.formatOnSave": false,
        "editor.tabSize": 2,
        "files.trimTrailingWhitespace": false
    },
}

설치.json

키보드 단축키

[
    // Wrap Emmet
    {
        "key": "ctrl+shift+w",
        "command": "editor.emmet.action.wrapWithAbbreviation",
        "when": "editorHasSelection",
    },
    // Transform
    {
        "key": "ctrl+shift+u",
        "command": "editor.action.transformToUppercase",
        "when": "editorHasSelection"
    },
    {
        "key": "ctrl+shift+l",
        "command": "editor.action.transformToLowercase",
        "when": "editorHasSelection"
    },
    // Comments
    {
        "key": "ctrl+numpad_divide",
        "command": "editor.action.commentLine",
        "when": "editorTextFocus && !editorReadonly"
    },
    {
        "key": "ctrl+/",
        "command": "editor.action.commentLine",
        "when": "editorTextFocus && !editorReadonly"
    },
    // Terminal
    {
        "key": "ctrl+`", //ctrl+shift+` (new terminal)
        "command": "workbench.action.terminal.focus",
        "when": "editorTextFocus"
    },
    {
        "key": "ctrl+`",
        "command": "workbench.action.focusActiveEditorGroup",
        "when": "terminalFocus"
    },
    {
        "key": "alt+`",
        "command": "workbench.action.toggleMaximizedPanel",
    },
    {
        "key": "ctrl+alt+`",
        "command": "workbench.action.terminal.toggleTerminal"
    },
    {
        "key": "escape", //or ctrl+d
        "command": "workbench.action.terminal.kill",
        "when": "terminalFocus"
    },
    {
        "key": "ctrl+\\",
        "command": "workbench.action.terminal.split",
        "when": "terminalFocus"
    },
    {
        "key": "alt+pageup", //alt+left (on split)
        "command": "workbench.action.terminal.focusNext",
        "when": "terminalFocus"
    },
    {
        "key": "alt+pagedown", //alt+right (on split)
        "command": "workbench.action.terminal.focusPrevious",
        "when": "terminalFocus"
    },
]

키 바인딩.json

VSCode- 마우스를 사용하지 않고 파일 및 폴더 만들기

카밀로 마틴네스・ 20년10월2일・ 3분 읽기

#vscode #productivity #webdev #terminal

친애하는 산타클로스

이 쓸모없는 편집기에서 나는 한 환경에서 다른 환경으로 전환하는 능력이 부족하고, 필요하지 않을 때도 모든 도구를 불러오지 않는다.
실제로 모든 항목에서 수동으로 비활성화할 수 있지만, 앞으로는 환경 사이를 전환하고 필요하지 않은 확장을 닫는 것이 가장 좋습니다.
VSCode 팀이 이 문제를 해결했지만 우리는 변통 방법을 사용하여 풍미 버전을 만들 수 있습니다:,, y.

반지 하나가 그들 모두를 지배한다!

팀은 settings.json 파일로 저장하고 확장자는 extensions.json 파일로 저장하면 .vscode 폴더에 같은 설정을 사용할 수 있습니다.
그런 다음 저장소를 복제/가져오는 사람이 있으면 코드 사용자 설정을 작업공간 설정으로 덮어쓰고 확장을 권장합니다.

특별히 언급하다

당황스럽지 않은 현장 시연?그래편하게 해, 꼬마 일본!
VSCode HackerTyper
Power Mode

보너스 트랙:

방문https://vscodecandothat.com/을 강력히 추천합니다. 이것은 학습 코드가 유용하게 제시할 수 있는 좋은 자원입니다.그리고 이것Live Share의 확장에 주의를 기울인다.
메뉴Help > Interactive Playground에 들어가면 간단한 연습에서 기본적인 편집기 기능을 시도할 수 있습니다.
이게 다야!
즐거움 코드🖖