Programing

Sublime Text 2 : 자바 스크립트 들여 쓰기 자동 수정?

lottogame 2020. 10. 31. 09:12
반응형

Sublime Text 2 : 자바 스크립트 들여 쓰기 자동 수정?


다음은 몇 가지 샘플 코드입니다. 현재 한 번에 4 개의 공백 만 사용하도록 설정되어 있습니다. 자바 스크립트 블록을 강조 표시하고 단일 버튼 또는 메뉴 옵션을 눌러 다음과 같이 멋지게 서식을 지정하는 방법이 있습니까?

전에:

app.get('/csvtest', function (req, res) {
  MyModel.find(function (err, mymodel) {
    if (!err) {
      var csv = [];
      _.each(mymodel, function(obj) {
       csv.push(obj['mymodel']);
      });
      res.send(csv.join());
    } else {
      console.log(err);
    }
  });
});

후:

app.get('/csvtest', function (req, res) {
    MyModel.find(function (err, mymodel) {
        if (!err) {
            var csv = [];
            _.each(mymodel, function(obj) {
                csv.push(obj['mymodel']);
            });
            res.send(csv.join());
        } else {
            console.log(err);
        }
    });
});

여기 에이를위한 도구가 있습니다. 숭고한 포럼 에서 찾았습니다 .

  • 패키지 제어 설치
  • 패키지 제어 실행 : 명령 팔레트에서 패키지 설치. 유형 Ctrl+ Shift+ P(Windows) 또는 Command+ Shift+ P명령 팔레트를 엽니 다
  • 검색 jsFormat하고 Enter 키를 누릅니다.

당신은 줄 수 JsFormat에게 갈합니다. ctrl+ alt+ f선택한 텍스트의 서식을 지정합니다.


당신은 수있는 모든 코드를 선택 ( ctrl+를 A) 및 인 - 응용 프로그램 기능을 사용 Reindent (편집 -> 라인 -> Reindent을) . Sublime의 탭 / 인 텐트 설정을보고 코드 형식을 지정합니다.

또는 Sublime Text의 기본 탭 / 들여 쓰기 설정에 추가하여 코드 형식을 지정하는 방법에 대해 더 많은 사용자 정의 가능한 설정을 원하는 경우 Sublime Text 2 용 JsFormat 형식 지정 플러그인을 사용할 수 있습니다 .

https://github.com/jdc0589/JsFormat

Sublime IDE에 JsFormat을 설치하는 방법에 대한 자세한 정보 : Package Control (Preferences-> Package Control)을 사용하여 JsFormat을 쉽게 설치할 수 있습니다. 패키지 제어를 열고 install을 입력하고 Enter 키를 누릅니다. 그런 다음 "js 형식"을 입력하고를 누르면 enter완료됩니다. (패키지 컨트롤러는 Sublime의 왼쪽 하단 막대에 성공 및 오류와 함께 설치 상태를 표시합니다)

단축키 설정 : 키 바인딩에 다음 행을 추가하십시오 (기본 설정-> 키 바인딩 사용자).

{ "keys": ["ctrl+alt+2"], "command": "js_format"}

저는 ctrl+ alt+를 사용하고 2있습니다.이 바로 가기 키를 원하는대로 변경할 수 있습니다.

내 의견 : JsFormat은 좋은 제품이며 시도해 볼 가치가 있습니다!


특별히 2 개에서 4 개 공간으로 이동하려면 오른쪽 하단의 탭 메뉴를 클릭하십시오. "들여 쓰기를 탭으로 변환"을 클릭하고 너비를 4로 변경 한 다음 "들여 쓰기를 공백으로 변환"을 클릭하십시오.


일반적으로이를 수행하는 가장 빠른 방법은 정규식을 사용하는 것입니다.

  • CTRL+를 누릅니다.H
  • 활성화 정규 표현식 왼쪽 아래 (누르거나 버튼 ALT+을 R)
  • 입력 ^(\s+)에서 무엇을 찾기
  • 입력 \1\1에서 바꿀
  • Replace All오른쪽 클릭

이것은 접두사 공백의 수를 두 배로 늘릴 것입니다 (2 개의 공백을 4로 가져옴). 그런 다음 바꾸기 창을 열어 두어 여러 파일에 쉽게 적용 할 수 있습니다.


Sublime Text 2에는 이미 원하는 기능이있는 것 같습니다 (이 기능이 최근에 추가되었을 수 있음).

Whether you're wanting to change the number of Spaces or you're wanting to convert Spaces to Tabs, you can use this path: View > Indentation

Within that dropdown menu you have the option to Convert Indentation to Tabs, to Convert Indentation to Spaces, or to choose how many Spaces the Tab Width (1-8) should be.

Hope this helps!


Install jsFormat using PackageControl by selecting jsFormat from the Install Package menu.

Then do this to auto-format your code:

Ctrl + Alt + F

It is also helpful to review the jsLint recommendations for formatting. You can install the jsLint package and validate with formatting options enabled.

Ctrl + L

참고URL : https://stackoverflow.com/questions/12866964/sublime-text-2-auto-fix-indentation-for-javascript

반응형