programing

Visual Studio 코드: 파일 중첩에서 .js.map 파일을 숨깁니다.

closeapi 2023. 4. 6. 21:41
반응형

Visual Studio 코드: 파일 중첩에서 .js.map 파일을 숨깁니다.

Visual Studio를 ..js.map (아마도).js이 파일익스플로러에 파일이 파일익스플로러에 표시되지 않습니다.

" " " " " " " " 만 표시할 수 ?.ts일일 탐탐 ?일 일? ???

설정(사용자 또는 작업영역)에는 원하는 것을 숨기도록 조정할 수 있는 설정이 있습니다.

{
    "files.exclude": {
        "**/.git": true,
        "**/.DS_Store": true
    }
}

다음에 '숨다'를 수 요..js ★★★★★★★★★★★★★★★★★」.js.map 삭제

"**/*.js": true,
"**/*.js.map": true

다른 답변이 설명하듯이, 대부분의 사람들은 단지 숨고 싶어할 것이다..js하는 파일이 .tsfilename을 클릭합니다.

따라서 다음과 같은 작업을 수행하는 대신

"**/*.js": true

다음 작업을 수행할 수 있습니다.

"**/*.js": {"when": "$(basename).ts"}

저는 이것을 발견했습니다. 만약 당신이 표준 JS파일을 가지고 있다면, 이것들은 당신이 항상 원하는 것은 아닐 수도 있습니다.TS 파일과 일치하는 JS 파일만 숨기므로 이 방법이 더 나을 수 있습니다.

{
    "files.exclude": {
        "**/.git": true,
        "**/.DS_Store": true,
        "**/*.js.map": true,
        "**/*.js": {"when": "$(basename).ts"}
    }
}

구현되는지는, 을 위해서이다..js일일: :

"**/*.js": {"when": "$(basename).ts"}

「」를 숨김용.js.map 동작: "파일 동작:

"**/*.js.map": {"when": "$(basename)"}

TypeScript를 사용하는 경우 생성된 JavaScript 파일을 탐색기나 검색 결과에 표시하지 않는 경우가 많습니다.는 VS 코드와 함께 합니다.files.exclude([File]> [ Preferences ]> [ Workspace Settings ])를 선택하면 쉽게 식을 생성하여 파생된 파일을 숨길 수 있습니다.

"**/*.js": { "when": "$(basename).ts"}

로 생성된 " " " ".map★★★★

 "**/*.js.map": { "when": "$(basename)"}

따라서 다음과 같은 구성을 사용할 수 있습니다.

settings.json

// Place your settings in this file to overwrite default and user settings.
{
    "files.exclude": {
        "**/*.js": { "when": "$(basename).ts"},
        "**/*.js.map": { "when": "$(basename)"}
    }
}

링크: https://code.visualstudio.com/docs/languages/typescript#_hiding-derived-javascript-files

John Papa Twitter LINK는 다음을 사용하라고 말합니다.

"files.exclude": {
        "**/.git": true,
        "**/.DS_Store": true,
        "**/*.js" : {
            "when": "$(basename).ts"
        },
        "**/*.js.map": {
            "when": "$(basename)"
        }
}

공식 문서:

.ts 및 .tsx 소스 파일에서 생성된 JavaScript 파일을 제외하려면 다음 식을 사용합니다.

"**/*.js": { "when": "$(basename).ts" },
"**/**.js": { "when": "$(basename).tsx" }

이건 속임수야검색글로브 패턴이 키로 사용됩니다.위의 설정은 두 개의 고유한 키를 제공하기 위해 두 개의 서로 다른 글로벌 패턴을 사용하지만 검색은 여전히 동일한 파일과 일치합니다.

2017년 10월 3일 업데이트: 이 트릭을 사용하면 "폴더 내 검색"에 문제가 있습니다.문제를 참조해 주세요.

1. [ Preferences ]> [ settings ]으로 이동합니다.

여기에 이미지 설명 입력

2. "Edit on settings.json"(이미지 하단에 있습니다)을 클릭합니다.

여기에 이미지 설명 입력

3합니다.3 . 조손 다음 거스름돈을 해 두세요.Ctrl + S리리 에

"files.exclude": {
    "**/*.js": {"when": "$(basename).ts"}
}

여기에 이미지 설명 입력

"기본 설정"을 재정의하려면 "사용자 설정" 패널에 다음 행을 추가하십시오.파일을 {basename}.ts로 생성할 때 {basename}.js 및 {basename}.js.map 파일을 숨길 수 있습니다.

"files.exclude": {
        "**/*.js": {
            "when": "$(basename).ts"
        },
        "**/*.js.map": {
            "when": "$(basename)"
        }        
    }

이러한 설정을 .vscode 폴더의 settings.json에 추가합니다.

// Place your settings in this file to overwrite default and user settings.
{
    "files.exclude" :{
    "**/.git":true,
    "**/.DS_Store":true,
    "**/*.map":true,
    "**/app/**/*.js":true

    }
}

settings.json을 사용할 수 없는 경우 파일 ---> 기본 설정 --> 워크스페이스 설정을 클릭합니다.

숨는 게 나을지도 몰라.map그리고..js파일이 일치하는 경우.ts파일.
VS User Settings ( [ Preferences ]> [ User Settings ]에서 다음 행을 복사하면 됩니다.

// Workspace settings
"files.exclude": {
        "**/*.js":  {"when": "$(basename).ts"},
        "**/*.map": true
 }

VS Code에서 Code(또는 Windows 사용자의 경우 File)> Preferences > Workspace Settings 순으로 이동하여 다음 코드 스니펫을 추가합니다.

{
   "files.exclude": {
      "**/*.js": {"when": "$(basename).ts"},
      "**/*.map": {"when": "$(basename).map"}
   }
}

v1.67에서는 (https://github.com/microsoft/vscode-docs/blob/vnext/release-notes/v1_67.md) 를 참조해 주세요.

탐색기 파일 중첩

이제 탐색기는 이름을 기반으로 관련 파일 중첩을 지원합니다.이 동작을 제어하는 설정은 다음과 같습니다.

  • explorer.fileNesting.enabled: 파일 중첩을 전체적으로 사용할지 여부를 제어합니다.글로벌하게 설정할 수도 있고 특정 워크스페이스용으로 설정할 수도 있습니다.
  • explorer.fileNesting.expand: 기본적으로 중첩된 파일을 확장할지 여부를 제어합니다.
  • explorer.fileNesting.patterns: 파일의 네스트 방법을 제어합니다.기본 구성에서는 TypeScript 및 JavaScript 프로젝트에 대한 중첩 인텔리전스를 제공하지만 프로젝트 구조에 맞게 수정하는 것이 좋습니다.몇 가지 예:

기본 설정:디폴트 설정

다음에서 네스트index.ts파일이 디렉토리 이름과 일치하는 경우("index.ts": "${dirname}.ts"):여기에 이미지 설명 입력

다른 파일과 이름이 같지만 세그먼트가 추가된 파일 중첩("*": "${basename}.*.${dirname}"): 여기에 이미지 설명 입력

내 기억을 자세히 따르는 사람들은 이것이 몇 번의 반복을 위한 실험적인 환경이었다고 기억한다.현재 동작은 파일 조작을 제외하고 거의 변경되지 않습니다.실험 설정explorer.experimental.fileNesting.operateAsGroup둥지를 접었을 때는 그룹으로 취급하기 위해 제거되었지만, 그렇지 않을 경우에는 단일 개체로 취급하기 위해 제거되었습니다.즉, 중첩된 파일 스택 전체를 복사, 잘라내기, 끌기 또는 삭제하려는 경우 중첩된 파일을 축소하여 단일 엔티티로 작동할 수 있습니다.접히지 않으면 선택사항은 정상적으로 동작합니다.


이전 답변:

Insiders Build v1.64에는 파일 네스팅이라고 불리는 새로운 실험적인 기능이 있습니다.이 기능은 자동 생성된 파일을 숨기지는 않지만 관련 파일이 생성된 부모 파일 아래에 원하는 경우 파일을 접힌 상태로 네스팅합니다.가능하면 지금 Insiders Build에서 케이스를 테스트해야 합니다.

파일 중첩 설정

File Nesting: Patterns:

"*.ts": "$(capture).js, $(capture).d.ts, $(capture).js.map"OP의 경우, 모::

파일 중첩 데모 .ts 생성된 파일

파일 중첩은 중첩된 파일을 검색에서 숨기지 않습니다.

두 가지 다른 조건에 기초한 파일글로브를 제외하는 공식 해결책은 아직 없습니다.이 문제를 참조하십시오.

다만, 같은 파일을 대상으로 하는2개의 글로벌 패턴을 정의하는 회피책이 있습니다.

{
    "files.exclude": {
        "**/*.js": { "when": "$(basename).ts"},
        "**/*?.js": { "when": "$(basename).tsx"}
    }
}

언급URL : https://stackoverflow.com/questions/31587949/hide-js-map-files-in-visual-studio-code-file-nesting

반응형