vscode 형식이 누락되면 어떻게 해야 합니까?

vscode 형식이 사라지면 어떻게 해야 하나요?

3단계로 vscode 코드 서식 가져오기

관련 권장 사항: vscode 입문 튜토리얼

1. 다음 vscode 확장 프로그램을 설치합니다.

ESLint

Prettier - 코드 포맷터

Vetur

표시된 대로 ：

2. 설정 파일 열기

열기 방법:

먼저

코드 --> 환경 설정 -->설정 단계에 따라 설정 인터페이스를 엽니다(단축키 명령을 사용할 수도 있습니다) + , (mac) 직접 열기)

지금 보이는 것은 인터페이스 구성 모드입니다(아래 그림 참조). 그러면 settings.json 파일이 열립니다.

3.setting.json 파일에 다음 구성을 추가하세요

참고: 이 구성은 CSS, HTML, JS 및 Vue 파일 형식을 지원합니다. 참고하시고 필요에 따라 구성하시면 됩니다.

특별한 요구사항이 없다면 직접 사용해도 됩니다.

{
  // tab 大小为2个空格
  "editor.tabSize": 2,
  // 100 列后换行
  "editor.wordWrapColumn": 100,
  // 保存时格式化
  "editor.formatOnSave": true,
  // 开启 vscode 文件路径导航
  "breadcrumbs.enabled": true,
  // prettier 设置语句末尾不加分号
  "prettier.semi": false,
  // prettier 设置强制单引号
  "prettier.singleQuote": true,
  // 选择 vue 文件中 template 的格式化工具
  "vetur.format.defaultFormatter.html": "prettyhtml",
  // 显示 markdown 中英文切换时产生的特殊字符
  "editor.renderControlCharacters": true,
  // 设置 eslint 保存时自动修复
  "eslint.autoFixOnSave": true,
  // eslint 检测文件类型
  "eslint.validate": [
    "javascript",
    "javascriptreact",
    {
      "language": "html",
      "autoFix": true
    },
    {
      "language": "vue"
      "autoFix": true
    }
  ],
  // vetur 的自定义设置
  "vetur.format.defaultFormatterOptions": {
    "prettier": {
      "singleQuote": true,
      "semi": false
    }
  }
}

구성을 저장하면 이제 완료되었습니다. 서식 지정 코드를 저장할 수 있는지 확인해 보세요.

위 내용은 vscode 형식이 누락되면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!