개발 도구 VSCode vscode가 코드 형식을 지정하는 방법

vscode가 코드 형식을 지정하는 방법

Nov 08, 2019 pm 01:55 PM
vscode

단축키 tovs 코드 형식 코드는 다음과 같습니다.

vscode가 코드 형식을 지정하는 방법

Windows에서는 Shift+ Alt+ F Ctrl+Shift+I하지만 내장된 서식이 내 요구 사항을 충족하지 못합니다. 이때 플러그가 필요하다고 말씀드리고 싶습니다. -in 방식이 좋습니다.

eslint 스타일로 코드 형식 지정

플러그인 필요: eslint

설정 추가:

"eslint.autoFixOnSave": true,
"eslint.validate": [
  "javascript",
  "javascriptreact",
  {
    "language": "html",
    "autoFix": true
  },
  {
    "language": "vue",
    "autoFix": true
  }
],

eslint.autoFixOnSave는 저장할 때 자동으로 형식을 지정하는 데 사용되지만 기본적으로 javascript .js 파일만 지원합니다. eslint.validate는 사용되는 파일 형식을 구성하는 데 사용됩니다.

그런 다음 코드를 저장하면 자동으로 eslint 스타일로 포맷됩니다(여러 번 저장해야 함).

위 내용은 vscode가 코드 형식을 지정하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

핫 AI 도구

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Clothoff.io

Clothoff.io

AI 옷 제거제

Video Face Swap

Video Face Swap

완전히 무료인 AI 얼굴 교환 도구를 사용하여 모든 비디오의 얼굴을 쉽게 바꾸세요!

뜨거운 도구

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

뜨거운 주제

코드 동기화를 위해 vscode 및 github를 구성하십시오 코드 동기화를 위해 vscode 및 github를 구성하십시오 May 20, 2025 pm 06:33 PM

vScode를 GitHub과 동기화하도록 VSCODE를 구성하면 개발 효율성 및 팀 협업이 향상 ​​될 수 있습니다. 먼저 "GithubpullRequestSandissues"및 "Gitlens"플러그인을 설치하십시오. 둘째, GitHub 계정을 구성합니다. 그런 다음 저장소를 복제하거나 작성하십시오. 마지막으로 코드를 GitHub에 제출하여 푸시하십시오.

다국어 프로젝트를 처리 할 때 Coding 설정 및 VSCODE 문제 해결 VSCODE 문제 해결 다국어 프로젝트를 처리 할 때 Coding 설정 및 VSCODE 문제 해결 VSCODE 문제 해결 May 22, 2025 pm 10:57 PM

VSCODE는 다음을 포함하여 다국어 프로젝트 코딩 및 차량 코드의 문제를 해결합니다. 1. 파일이 올바른 인코딩으로 저장되고 "재생산 인코딩"기능을 사용하는지 확인하십시오. 2. 인코딩 파일을 UTF-8로 설정하고 인코딩을 자동으로 감지합니다. 3. BOM 추가 여부를 제어; 4. "EncodingConverter"플러그인을 사용하여 인코딩을 변환합니다. 5. 다중 작업 공간 함수를 사용하여 다른 하위 프로젝트에 대한 인코딩을 설정하십시오. 6. 성능을 최적화하고 불필요한 파일 모니터링을 무시하십시오. 이러한 단계를 통해 다국어 프로젝트의 코딩 문제를 효과적으로 처리 할 수 ​​있습니다.

VSCODE 오프라인 기술 교환 활동에 참여한 경험 VSCODE 오프라인 기술 교환 활동에 참여한 경험 May 29, 2025 pm 10:00 PM

VSCODE 오프라인 기술 교환 활동에 참여한 경험이 많으며 플러그인 개발 공유, 실제 데모 및 다른 개발자와의 커뮤니케이션이 포함됩니다. 1. 플러그인 개발 공유 : Vscode의 플러그인 API를 사용하여 자동 형식 및 정적 분석 플러그인과 같은 개발 효율성을 향상시키는 방법을 배웠습니다. 2. 실제 데모 : 원격 개발에 VSCODE를 사용하는 방법을 배웠고 유연성과 확장 성을 실현했습니다. 3. 개발자와 통신 : 시작시로드 된 플러그인 수를 줄이고 플러그인로드 순서를 관리하는 등 VSCODE 시작 속도를 최적화하는 기술을 얻었습니다. 요컨대,이 행사는 저에게 많은 도움이되었으며 VSCODE에 관심이있는 사람들은 참여할 것을 강력히 추천합니다.

VSCODE에서 아름답고 읽기 쉬운 코드 글꼴 및 글꼴 크기를 설정하는 방법은 무엇입니까? VSCODE에서 아름답고 읽기 쉬운 코드 글꼴 및 글꼴 크기를 설정하는 방법은 무엇입니까? May 29, 2025 pm 09:57 PM

VSCODE에서 아름답고 읽기 쉬운 코드 글꼴 및 글꼴 크기를 설정하는 방법은 다음과 같습니다. 1. VSCODE를 열고 설정 인터페이스를 입력하십시오. 2. { "editor.fontfamily": "firacode", "editor.fontsize": 14, "editor.lineheight": 24}을 입력하십시오. Firacode 글꼴을 사용하여 글꼴 크기를 14로, 라인 높이를 24로 설정하여 프로그래밍 경험을 향상시키는 것이 좋습니다.

VSCODE에서 여러 프로젝트 작업 공간을 만들고 관리합니다 VSCODE에서 여러 프로젝트 작업 공간을 만들고 관리합니다 May 29, 2025 pm 10:09 PM

다음 단계를 통해 VSCODE에서 여러 프로젝트 작업 공간을 만들고 관리합니다. 1. 왼쪽 하단에서 "관리"버튼을 클릭하고 "새 작업 공간"을 선택하고 위치를 결정합니다. 2. 작업 공간에 "webdev"또는 "backend"와 같은 의미있는 이름을 부여하십시오. 3. Explorer에서 프로젝트를 전환하십시오. 4. .Code-Workspace 파일을 사용하여 여러 프로젝트 및 설정을 구성하십시오. 5. 각 프로젝트에 .gitignore 및 package.json 파일이 있는지 확인하기 위해 버전 제어 및 종속성 관리에주의하십시오. 6. 쓸모없는 파일을 정기적으로 청소하고 원격 개발 기술 사용을 고려하십시오.

대형 코드베이스에서 VSCODE 코드 내비게이션 기능의 효율성을 향상시키는 방법 대형 코드베이스에서 VSCODE 코드 내비게이션 기능의 효율성을 향상시키는 방법 May 22, 2025 pm 11:00 PM

대형 코드베이스에서 VSCODE 코드 내비게이션의 효율성을 향상시키는 방법 : 1) 기호 탐색 (CTRL P 및 CTRL T)을 사용하여 파일과 기호를 신속하게 찾는 것; 2) 코드 점프 (F12 또는 CTRL 클릭)를 사용하여 기능 정의 또는 변수 선언으로 직접 점프합니다. 3) 글로벌 검색 (Ctrl Shift F)을 사용하여 코드 스 니펫을 정확하게 찾습니다. 4) Gitlens 및 북마크와 같은 확장 도구를 내비게이션 기능을 향상시킵니다. 5) 프로젝트 인덱싱 및 검색 성능을 최적화하고 쓸모없는 파일을 정기적으로 정리하고 필터링 조건을 사용하십시오. 이러한 방법은 대형 코드베이스의 내비게이션 효율을 크게 향상시킬 수 있습니다.

VSCODE 플러그인 업데이트 후 편집자 충돌 이유와 솔루션 VSCODE 플러그인 업데이트 후 편집자 충돌 이유와 솔루션 May 29, 2025 pm 10:03 PM

VSCODE 플러그인이 업데이트 된 후 편집기가 충돌하는 이유는 기존 버전의 VSCODE 또는 기타 플러그인과 플러그인과 호환성 문제가 있기 때문입니다. 솔루션은 다음과 같습니다. 1. 플러그인을 비활성화하여 문제를 하나씩 문제 해결합니다. 2. 문제 플러그인을 이전 버전으로 다운 그레이드합니다. 3. 대체 플러그인을 찾으십시오. 4. VSCODE 및 플러그인을 업데이트하고 충분한 테스트를 수행하십시오. 5. 데이터 손실을 방지하기 위해 자동 백업 기능을 설정하십시오.

멀티 스크린 환경에서 VSCODE의 레이아웃 설정 및 표시 문제 해결 멀티 스크린 환경에서 VSCODE의 레이아웃 설정 및 표시 문제 해결 May 29, 2025 pm 10:12 PM

멀티 스크린 환경에서 VSCODE를 사용하면 창 크기 및 위치를 조정하고 작업 공간 설정, 인터페이스 스케일링 조정, 합리적으로 도구 창문 창고, 소프트웨어 및 확장 업데이트, 성능 최적화 및 레이아웃 구성을 저장하여 개발 효율성을 향상시켜 레이아웃 및 표시 문제를 해결할 수 있습니다.

See all articles