[Javascript] वेब विकास और डिजाइन (पीएचपी, एचटीएमएल, सीएसएस, जावास्क्रिप्ट) के लिए उपयोगी विम प्लगइन्स?


Answers

मुझे सीनेटास्टिक लगता है कि मामूली PHP समस्याओं को खोलने में काफी उपयोगी हो। (और / या इसे php -l सेटिंग के रूप में कुछ रूपों के साथ मिश्रण करना: make।) सिनटेस्टिक आपको अपने HTML पर साफ चेतावनी भी दिखाता है।

Question

अभी मैं एचटीएमएल टैग्स में टेक्स्ट संलग्न करने के लिए surround.vim का उपयोग कर रहा हूं, और एक प्लगइन जो सीएसएस फ़ाइल में हेक्स वैल्यू के अनुसार पाठ को हाइलाइट करता है (उदाहरण # 888 में सीएसएस फ़ाइल में सफ़ेद पृष्ठभूमि होगी)।

क्या वेब विकास के लिए अन्य उपयोगी प्लगइन्स हैं?

अनुशंसाएँ

यहां तक ​​कि उत्तर में उल्लिखित प्लगइन्स की एक सूची है:

  • एचटीएमएल टैग्स में टेक्स्ट संलग्न करने के लिए चारों ओर
  • JSLint के साथ जावास्क्रिप्ट त्रुटियों की जांच के लिए jslint.vim
  • एचटीएमएल और सीएसएस हाई-स्पीड कोडिंग के लिए एमेट। वीम
  • PHP के स्वचालित तह के लिए phpfolding.vim
  • उदाहरण के लिए स्वचालित वाक्यविन्यास जांच के लिए Syntastic PHP
  • भाषाओं की विस्तृत श्रेणी के टैगिंग के लिए प्रचुर मात्रा में सीटीएजी
  • टैगबार स्रोत को देखने / नेविगेट करने में मदद करता है, स्थिति क्षेत्र में कॉल हस्ताक्षर प्रदर्शित करता है।



एचटीएमएल या एक्सएमएल के साथ काम करते समय बहुत उपयोगी होता है: surround.vim ; यह आसानी से जोड़ने / हटाने / किसी भी प्रकार की टैग बदलने की अनुमति देता है




यहां पर वे प्लगइन्स हैं जो मैं वर्तमान में कुछ vimrc मैपिंग का उपयोग कर रहा हूं ताकि चीजों को थोड़ा आसान बना सकें।

प्लगइन्स

प्रत्येक उपयोगकर्ता के लिए रोगाणु एक आवश्यक विम प्लगिन है यह उन सभी प्लगइन्स को रखने में मदद करता है जिन्हें आप अपने स्वयं के निर्देशिकाओं के भीतर संगठित करना चाहते हैं। इससे बाद के समय में प्लग-इन को अनइंस्टॉल करने में आसान हो जाता है, क्योंकि आपकी प्लग-इन सभी समान वृक्ष में नहीं रहते हैं। पैथोजेन रनटाइम पर एक साथ सब कुछ जोड़ने से संभाल लेंगे।

कमांड-टी लोकप्रिय टेक्स्टमैट सुविधा को जोड़ता है जो फाइल को खोलना आसान बनाता है।

स्निपेट विमित को स्कैपेट की तरह बिजली की शक्ति देता है।

स्पार्कअप को ज़ीनकोडिंग के लिए इसे त्वरित और एचटीएमएल लिखने में आसान बनाता है।

NERDCommenter कोड के ब्लॉक किए गए ब्लॉक को टॉगल करना आसान बनाता है

Syntastic कई अलग-अलग प्रकार के फाइलों को सिंटैक्स की जाँच करता है, और अगर वीआईएम में संकेत समर्थन सक्षम है, तो आपको अपनी लाइन नंबर के बाईं ओर मार्कर मिलते हैं, जहां आपको बताता है कि आपकी त्रुटियां कहां हैं।

.vimrc config सेटिंग्स

एचटीएमएल संस्थाओं को एचडीएमएल / एनकोड करें (प्रलेखन लिखने के लिए महान)

"EASILY ESCAPE OR UNESCAPE HTML
function HtmlEscape()
  silent s/&/\&/eg
  silent s/</\&lt;/eg
  silent s/>/\&gt;/eg
endfunction

function HtmlUnEscape()
  silent s/&lt;/</eg
  silent s/&gt;/>/eg
  silent s/&amp;/\&/eg
endfunction

map <silent> <c-h> :call HtmlEscape()<CR>
map <silent> <c-u> :call HtmlUnEscape()<CR>

रिलेटिव लाइन नंबर टॉगल करें (नया वीआईएम 7.3 फीचर)

function! g:ToggleNuMode() 
  if(&rnu == 1) 
    set nu 
  else 
    set rnu 
  endif 
endfunc
nnoremap <C-L> :call g:ToggleNuMode()<cr>

अवांछित सफेद स्थान हाइलाइट करें

"HIGHLIGHT POTENTIALLY UNWANTED WHITESPACE
highlight BadWhitespace term=standout ctermbg=red guibg=red
match BadWhitespace /[^* \t]\zs\s\+$\| \+\ze\t/