집 > 기사 > 웹 프론트엔드 > vscode의 일반적인 설정

vscode의 일반적인 설정

php中世界最好的语言원래의: 2018-02-27 09:24:363274검색

vscode 정보

CPU100%

때때로 vscode의 CPU 사용률이 100%이고 두 개의 rg.exe가 모든 CPU를 차지합니다. 해결 방법은 다음과 같습니다

　File>Preferences>Settings, SearchSet "search.followSymlinks": false;

emmet

　emmet을 사용하여 jsx에서 자동으로 코드를 완성하려는 경우 해결 방법은 다음과 같습니다

　파일>기본 설정>설정에서 다음 두 가지 설정을 합니다

　1. "emmet.triggerExpansionOnTab": true

　2. "emmet.includeLanguages": {"javascript":"html"},

자동 세미콜론

　설치prettier 플러그인을 사용하는 경우 코드를 붙여넣거나 파일 서식을 지정할 때 세미콜론이 자동으로 추가되고 큰따옴표는 작은따옴표로 변경됩니다. 이는 prettier의 기본 설정에 따라 결정됩니다. 플러그인. 해결 방법은 다음과 같습니다

　파일>기본 설정>설정에서 다음 두 가지 설정을 합니다

　1. "prettier.singleQuote": true

　2. "prettier.semi": false

beauty

vscode를 사용하고 일반적으로 Beauty 플러그인은 코드를 아름답게 만드는 데 사용됩니다. .vue 코드를 아름답게 하고 저장할 때 자동으로 코드를 아름답게 만들고 싶다면

　파일>기본 설정>설정에서 다음 두 가지 설정을 해줘야 합니다

"editor.formatOnSave": true,
    "beautify.language": {
        "js": {
            "type": [
                "javascript",
                "json"
            ],
            "filename": [
                ".jshintrc",
                ".jsbeautify"
            ]
        },
        "css": [
            "css",
            "scss"
        ],
        "html": [
            "htm",
            "html",
            "vue"
        ]
    }

뷰티를 사용하여 코드를 아름답게 만든 후, 일반적으로 코드는 eslint의 검증 요구 사항을 충족합니다. 그러나 function 괄호 앞 공백을 금지하는 규칙(space-before-function-paren)과 파일 끝 부분에 빈 줄을 두는 규칙(eol-last) 두 가지 규칙은 뷰티에서는 해당하는 매칭 규칙이 없습니다. 이 두 가지 요구 사항이 필수가 아닌 경우 .eslintrc 파일에 0

'eol-last': 0, 'space-before-function-paren': 0

으로 설정하면 됩니다. 코드, 코드 형식에 대해 생각하지 마십시오. 저장하면 자동으로 아름답게 표시되며 eslint의 확인 요구 사항을 충족합니다.

이 사례를 읽으신 후 방법을 익히셨을 것이라 믿습니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사에 주목하세요!