[javascript] JavaScript 코딩을위한 권장 Vim 플러그인? [닫은]

Program / 글쓴이

JS & Vim을 처음 사용합니다. Javascript 코드 작성에 도움이되는 플러그인은 무엇입니까?

답변

구문 검사 / Linting

Syntastic Vim 플러그인을 사용하여 JSLint 또는 커뮤니티 주도 jshint.com (훨씬 더 나은 IMO)을 Vim과 통합하는 매우 쉬운 방법이 있습니다. 자세한 내용은 내 다른 게시물 을 참조하십시오.

소스 코드 브라우징 / 태그리스트

Cloud9 IDE 의 Ace 온라인 편집기 에서도 사용되는 Mozilla의 DoctorJS (이전 jsctags )를 사용하여 태그 목록을 추가하는 매우 깔끔한 방법이 있습니다 .

  1. 자주 사용하는 패키지 관리자 (Ubuntu ‘s apt-get, Mac ‘s homebrew 등)를 사용하여 다음 패키지를 설치하십시오 .
    1. exuberant-ctags
      • 참고 : 설치 후 OS가 사전 설치되어 있지 않고 ctags실제로 실행 되는지 확인하십시오 . 를 실행하여 찾을 수 있습니다 .exuberant-ctagsctagsctags --version
    2. node (Node.js)
  2. DoctorJSgithub에서 복제 :git clone https://github.com/mozilla/doctorjs.git
  3. DoctorJSdir 안으로 들어가서 make install(또한make 앱도 설치 하지만 이것은 매우 기본적입니다).
    • 플러그인 설치에 몇 가지 버그가 있습니다 make install. 현재 속임수를 쓰지 않습니다. 지금은 bin/대신 repo의 dir을 $ PATH에 추가합니다. 자세한 정보는 DoctorJS의 GitHub 및 발행 페이지 를 참조하십시오.
  4. TagBar Vim 플러그인 설치 ( 참고 : 오래된 유명한 TagList가 아니라 TagBar입니다!).
  5. 이익. 🙂

새 프로젝트-Tern.js

DoctorJS는 현재 사망했습니다 . tern.js 라는 새로운 유망한 프로젝트가 있습니다 . 현재 초기 베타 버전이며 결국 교체해야합니다.

tern을 엔진으로 사용 하는 프로젝트 ramitos / jsctag 가 있습니다. 그냥 npm install -g태그 바는 자바 스크립트 파일에 자동으로 사용합니다.

답변

snipMate 는 TextMate의 ⇥삽입 시스템을 에뮬레이트 하고 기본적으로 유용한 JS 스 니펫을 제공합니다. 직접 추가하는 것은 매우 쉽습니다.

javaScriptLint를 사용하면 jsl 에 대해 코드를 검증 할 수 있습니다 .

또한 다양한 JavaScript 구문 파일을 찾을 수 있습니다 vim.org 을 있습니다. 그것들을 시험 해보고 어느 것이 당신과 당신의 코딩 스타일에 가장 적합한 지보십시오.

기본 전 방향 ( ctrlx–ctrlo )은 저에게 매우 효과적입니다. autoComplPop으로 더 역동적으로 만들 수 있지만 때로는 성 가실 수 있습니다 .

tarek11011의 의견에 대한 답변 :

acp는 기본적으로 JavaScript에서 작동하지 않으므로 조금 조정해야합니다. 다음은 내가 한 일입니다 (더러운 해킹, 여전히 Vim noob입니다).

에서 VIM-autocomplpop / 플러그인 / acp.vim 내가 추가 한 php과 javascript(와 actionscript에) behavs그래서 그렇게 보이는 것을 :

let behavs = {
    \   '*'            : [],
    \   'ruby'         : [],
    \   'python'       : [],
    \   'perl'         : [],
    \   'xml'          : [],
    \   'html'         : [],
    \   'xhtml'        : [],
    \   'css'          : [],
    \   'javascript'   : [],
    \   'actionscript' : [],
    \   'php'          : [],
    \ }

조금 아래에는 다음과 같은 일련의 코드 블록이 있습니다.

"---------------------------------------------------------------------------
call add(behavs.ruby, {
    \   'command' : "\<C-x>\<C-o>",
    \   'meets'   : 'acp#meetsForRubyOmni',
    \   'repeat'  : 0,
    \ })

나는 이것을 복제하고 다음과 같이 약간 편집했습니다.

"---------------------------------------------------------------------------
call add(behavs.javascript, {
    \   'command' : "\<C-x>\<C-o>",
    \   'meets'   : 'acp#meetsForRubyOmni',
    \   'repeat'  : 0,
    \ })

액션 스크립트와 PHP에 대해서도 동일하게 수행했습니다.

당신이 편집 JS / 당신이 할 수있는 HTML 문서 내에서 CSS하려면 다음 Vim의 명령 행에서 설정 피트 = html.css.javascript가 만드는 ctrlx– ctrlo작업 방법에 예상대로 / CSS 블록 JS 블록 및 속성 / 값의 속성 이름. 그러나이 방법에는 단점도 있습니다 (이상한 들여 쓰기…).

답변

이 플러그인은 유용합니다 : https://github.com/maksimr/vim-jsbeautify . 자바 스크립트에 대한 전체 자동 서식을 제공합니다. 한 번의 키 입력으로 코드가 아름답게 보입니다. 코드 스 니펫을 붙여 넣을 때도 유용 할 수 있습니다. 인기있는 js-beautifier를 사용하며 온라인 응용 프로그램으로도 볼 수 있습니다. 후자는 여기에서 찾을 수 있습니다 : http://jsbeautifier.org/ .

답변

jslints 규칙으로 코드를 확인하고 구문 오류를 제공 하는 하나의 js 특정 vim 플러그인-jslint.vim- https ://github.com/hallettj/jslint.vim 만 사용 합니다.

답변

들여 쓰기 및 자동 서식을 수정하려면 (Ctrl =) : JavaScript 들여 쓰기

들여 쓰기 너비를 설정하려면 javascript.vim ~ / .vim / ftplugin 디렉토리에 다음 내용을 포함하여 파일을 하십시오 (두 개의 공백 들여 쓰기).

 setl sw=2 sts=2 et

답변