बनाम कोड में एचटीएमएल पर लिंट को कैसे सक्षम करें?

Question

मैं दृश्य स्टूडियो कोड के साथ angular2 एप्लिकेशन विकसित करने कर रहा हूँ, मैं निम्नलिखित विस्तार स्थापित किया है,

htmllint

और

htmlhint-ng2

मैं घटक टेम्पलेट के रूप में निम्नानुसार है,

@Component({ 
    selector: 'userprofile', 
    template: ` 
      <div class="profilecontainer"> 
       <div class="row"> 
        <img [src]="profile.profilePic" /> 

       <div class="row"> 
        <h2>{{profile.firstName}} {{profile.lastName}} </h2> 
        <a target="_blank" href="{{profile.detailUrl}}"> View profile</a> 
        <a target="-blank" href="{{profile.editUrl}}">Edit profile</a> 
       </div> 
      </div>` 
}) 

एचएमएल लिंट बनाम कोड पर कोई त्रुटि नहीं दिखाता है? मामला क्या है?

Answer 1

अभी, आप नहीं कर सकते हैं।

अतिरिक्त सुविधाओं को जोड़ने के लिए (अर्थात linting) वी.एस. संहिता के आप इसके लिए बना है और दुर्भाग्य से एक विस्तार, इस उत्तर के समय तक उपयोग करना आवश्यक है, वहाँ किसी भी htmllint वी.एस. कोड विस्तार नहीं है।

कृपया ध्यान दें कि आपके द्वारा साझा किए गए दोनों लिंक नोड मॉड्यूल हैं और एक्सटेंशन नहीं हैं। npm (यानी npm install htmllint) के साथ कुछ इंस्टॉल करना इसे वीएस कोड के साथ काम नहीं करेगा।

आप ब्राउज़ कर सकते हैं और वी.एस. संहिता, as describe in it docs के भीतर से एक्सटेंशन स्थापित, इस तरह:

लाओ एक्सटेंशन वी.एस. संहिता या दृश्य के पक्ष में गतिविधि बार में एक्सटेंशन आइकन पर क्लिक करके देखने : एक्सटेंशन कमांड (⇧⌘X)।

• Create the extension yourself
• एक संपादक ऐसे एक्सटेंशन वाले को बदलें:

आप विस्तार आप की जरूरत नहीं मिल रहा है, तो आप कुछ ही विकल्प हैं

• एटम: linter-htmlhint plugin
• उत्कृष्ट पाठ: SublimeLinter-contrib-htmllint package

अपना खुद का एक्सटेंशन लिखने के बिना संपादक का उपयोग जारी रखने का एक वैकल्पिक तरीका खोजें।

---

वैकल्पिक सुझाव:

1. स्थापित करें 2 नोड मॉड्यूल में से एक। (अर्थात।npm-watch मॉड्यूल npm run lint:html
2. चलाकर

   "scripts": { 
       "lint:html": "htmlhint-ng2 src/**/*.html" 
   } 
   

3. टेस्ट यह स्थापित करें:: npm i npm-watch -D

4. package.json

   को घड़ी स्क्रिप्ट और config जोड़े npm i htmlhint-ng2 -D)

5. एक package.json स्क्रिप्ट के लिए अपनी CLI आदेश जोड़ें

   "watch": { 
       "lint:html": "src/**/*.html" 
   }, 
   "scripts": { 
       "lint:html": "htmlhint-ng2 src/**/*.html" 
       "watch": "npm-watch" 
   } 
   

6. भागो npm run watch