Visual Studio Code(VSCode)는 수많은 파일 형식을 지원합니다. VSCode는 파일 이름과 확장명을 기반으로 언어 모드를 찾습니다. 일반적으로 합리적인 기본값을 제공하는 것은 괜찮습니다. 하지만 폴더마다 다른 언어 모드를 원한다면 어떻게 해야 할까요?
VSCode에는 .vscode/settings.json 파일에 files.associations 개체가 있습니다. 언어 모드에 대한 글로브 패턴의 맵입니다. VSCode 문서에서 지원되는 glob 패턴 구문을 참조하세요.
가장 간단한 변형입니다. 모든 파일에는 다른 언어 모드가 필요합니다.
예를 들어 Tailwind CSS로 스타일을 지정하고 VSCode용 Tailwind CSS 확장을 설치하는 경우 모든 *.css 파일을 일반 CSS 대신 tailwindcss 모드로 변경하려고 합니다.
{ "files.associations": { "*.css": "tailwindcss" } ... }
특정 하위 폴더에 있는 파일에 다른 언어 모드가 필요한 경우도 드물지 않습니다.
예를 들어 Sphinx 문서 테마를 지정할 때 순수 HTML이 아닌 Jinja HTML인 HTML 파일을 많이 생성합니다. jinja-html 모드를 제공하는 Better Jinja 확장 프로그램을 설치합니다.
"source/_templates/*.html": "jinja-html``
어디든지 경로 또는 하위 경로에서 **를 의미하는 **를 사용하는 것이 더 안전합니다.
{ "files.associations": { "*.css": "tailwindcss", "source/_templates/**/*.html": "jinja-html` } ... }
Cookiecutter 템플릿 생성기를 기반으로 한 새로운 스핑크스 테마 스타터 템플릿을 준비하면서 발견한 까다로운 부분입니다.
Cookiecutter 프로젝트는 {{ cookiecutter.project_slug }}라는 폴더를 사용합니다. 그 아래에서만 연관을 변경하고 싶습니다. *.py의 경우 py에서 jinja-py로.
이스케이프 glob 패턴 특수 문자(예: *, { 등)는 VSCode 문서에 설명되어 있지 않지만 가능합니다.
먼저, 다음은 작동하지 않습니다:
백슬래시를 탈출하면 문제가 해결됩니다("\{\{ cookiecutter.project_slug \}\}/**/*.css": "tailwindcss"). 예:
{ "files.associations": { // CSS files are Tailwind "\{\{ cookiecutter.project_slug \}\}/**/*.css": "tailwindcss", // HTML files are Jinja "\{\{ cookiecutter.project_slug \}\}/**/*.html": "jinja-html", "\{\{ cookiecutter.project_slug \}\}/**/*.py": "jinja-py", "\{\{ cookiecutter.project_slug \}\}/**/*.toml": "jinja-toml", "\{\{ cookiecutter.project_slug \}\}/**/*.json": "jinja-json" }, ... }
위 내용은 하위 폴더 및 특수 문자 폴더에 대한 VSCode 언어 모드 연결의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!