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


Answers

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

Question

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

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

अनुशंसाएँ

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

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






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

प्लगइन्स

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

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

Snipmate स्निपेट्स जैसे Snipmate शक्ति देता है।

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

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

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

.vimrc विन्यास सेटिंग्स

एचटीएमएल इकाइयों को एचटीएमएल / डीकोड करें (दस्तावेज लिखने के लिए बढ़िया)

"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/



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




Links