[javascript] JavaScript 코딩을위한 권장 Vim 플러그인? [닫은]
JS & Vim을 처음 사용합니다. Javascript 코드 작성에 도움이되는 플러그인은 무엇입니까?
답변
구문 검사 / Linting
Syntastic Vim 플러그인을 사용하여 JSLint 또는 커뮤니티 주도 jshint.com (훨씬 더 나은 IMO)을 Vim과 통합하는 매우 쉬운 방법이 있습니다. 자세한 내용은 내 다른 게시물 을 참조하십시오.
소스 코드 브라우징 / 태그리스트
Cloud9 IDE 의 Ace 온라인 편집기 에서도 사용되는 Mozilla의 DoctorJS (이전 jsctags )를 사용하여 태그 목록을 추가하는 매우 깔끔한 방법이 있습니다 .
- 자주 사용하는 패키지 관리자 (Ubuntu ‘s
apt-get
, Mac ‘s homebrew
등)를 사용하여 다음 패키지를 설치하십시오 .exuberant-ctags
- 참고 : 설치 후 OS가 사전 설치되어 있지 않고
ctags
실제로 실행 되는지 확인하십시오 . 를 실행하여 찾을 수 있습니다 .exuberant-ctags
ctags
ctags --version
- 참고 : 설치 후 OS가 사전 설치되어 있지 않고
node
(Node.js)
DoctorJS
github에서 복제 :git clone https://github.com/mozilla/doctorjs.git
DoctorJS
dir 안으로 들어가서make install
(또한make
앱도 설치 하지만 이것은 매우 기본적입니다).- 플러그인 설치에 몇 가지 버그가 있습니다
make install
. 현재 속임수를 쓰지 않습니다. 지금은bin/
대신 repo의 dir을 $ PATH에 추가합니다. 자세한 정보는 DoctorJS의 GitHub 및 발행 페이지 를 참조하십시오.
- 플러그인 설치에 몇 가지 버그가 있습니다
- TagBar Vim 플러그인 설치 ( 참고 : 오래된 유명한 TagList가 아니라 TagBar입니다!).
- 이익. 🙂
새 프로젝트-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