Visual Studio 코드에서 언어를 JSX로 변경

Visual Studio 코드에서 언어를 JSX로 변경

Visual Studio Code는 현재 0.8 버전에서 JSX를 지원하지만 활성화하는 유일한 방법은.jsx파일 확장자언어 모드를 수동으로 변경하는 것은 목록에 없습니다.가장 가까운 옵션은 다음과 같습니다.JavaScriptReact단, JSX 태그는 해석되지 않습니다.

나는 많은 프로젝트를 하고 있다..js파일을 변경할 수 없습니다.

JSX 구문을 사용할 수 있는 다른 방법은 없습니까?.jsx내선번호는?

사용자 설정 또는 작업영역 설정을 다음과 같이 변경합니다.

// Place your settings in this file to overwrite the default settings
{
    "files.associations": {
        "*.js": "javascriptreact"
    }
}

참고: VSCode를 다시 시작해야 할 수 있습니다.

코드를 포맷하는 가장 쉬운 방법은 다음과 같습니다.

VS Code Editor 오른쪽 하단의 Javascript를 클릭합니다.

[ Select the language Mode ](언어 모드 선택) 옵션이 표시됩니다.여기서 JavaScriptReact를 검색하여 선택할 수 있습니다.바로 그겁니다.이것으로 당신의 문제가 해결될 것입니다.

1.

할 수 있지만 JavaScriptReact 모드에서도 "Not Respect JS files"가 표시됩니다.

1. 파일 C:\Program Files(x86)\Microsoft VS Code\resources\app\plugins\vs.language를 엽니다.javascript\criptes\criptreact.json(관리자 권한으로 열어야 함)
2. 어레이 "file Types"에서 "jsx"를 "js"로 변경합니다.
3. 앱을 다시 시작하고 열려 있는 js 파일을 닫은 후 다시 엽니다.

이 문제를 해결하는 데 시간이 좀 걸렸지만, JSX는 이미 VS 코드의 일부인 Emet의 일부입니다.또한 일반 JS 파일에 JSX 스니펫을 사용할 수 있도록 Emet에게 (추가적으로) 지시했습니다.

설정 파일에 저장하기만 하면 됩니다.

"emmet.syntaxProfiles": {
    "javascript": "jsx"
}    

Dionys의 답변은 효과가 있지만 Visual Studio Code의 최신 버전에서 이를 수행하는 더 나은 방법이 있습니다.

에 가다File>Prefrences>Settings아래로 스크롤하여 "Emet" 탭을 열면 다음 텍스트가 나타납니다.

  // Enable Emmet abbreviations in languages that are not supported by default. Add a 
  mapping here between the language and emmet supported language.
  //  E.g.: {"vue-html": "html", "javascript": "javascriptreact"}
  "emmet.includeLanguages": {},

지시에 따라 추가해 주세요."emmet.includeLanguages": { "javascript": "javascriptreact" }(사용자 설정을 덮어씁니다)

이제 파일을 파일로 처리할 수 있는 VS 코드 확장자가 있습니다.

안타깝게도 확장의 readme도 다음과 같이 경고합니다.

이 확장자를 설치하면 .disc 파일에 대해 제공되는 기존 언어 지원이 모두 손실됩니다.

다행히 VS Code는 이제 Salsa 채택에 매우 가까워졌습니다. 즉, js-is-jsx 문제는 곧 완전히 해결될 것입니다.

1-F1을 누릅니다(Visual Studio 코드).

2-표시되는 텍스트 필드에 "확장자"를 입력합니다.

3-내선번호 선택:확장 설치"

3-Type "ext install jsx"

4- JSX 스니펫 설치

5 - Visual Studio 코드 재시작

VS Code Editor 오른쪽 하단의 Javascript를 클릭합니다.[ Select the language Mode ](언어 모드 선택) 옵션이 표시됩니다.여기서 JavaScriptReact를 검색하여 선택할 수 있습니다.바로 그거야.

확장만 설치하면 됩니다.

• (Visual Studio Code에서) F1을 누릅니다.
• 표시되는 텍스트 필드에 "확장자"를 입력합니다.
• "내선번호:확장 설치"
• "ext install jsx" 라고 입력합니다.
• Visual Studio 코드 재시작

출처:

https://code.visualstudio.com/docs/editor/extension-gallery?pub=TwentyChung&ext=jsx https://marketplace.visualstudio.com/items/TwentyChung.jsx

Mac 또는 Linux에서 링크를 사용해 보십시오.

ln -s index.ios.js index.ios.jsx

언급URL : https://stackoverflow.com/questions/32832264/change-language-to-jsx-in-visual-studio-code