Как включить lint в HTML в vs коде?

Question

Я разрабатываю angular2 приложение с Visual Studio код, я установил следующие расширения,

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>` 
}) 

В hml lint не отображаются ошибки по отношению к коду? в чем проблема?

Answer 1

Прямо сейчас, вы не можете.

Для того, чтобы добавить дополнительные функции (т.е. пыление) В.С. код, который вы должны использовать расширение, сделанное для него, и, к сожалению, к тому времени этого ответа, нет никакого htmllint расширение VS Code.

Обратите внимание, что обе указанные вами ссылки являются модулями узлов, а не расширениями. Установка чего-либо с помощью npm (т. Е. npm install htmllint) не заставит его работать с VS-кодом.

Вы можете просматривать и устанавливать расширения внутри VS кодекса as describe in it docs, как это:

Поднимают Extensions просмотра, нажав на иконку Extensions в Панель активности на стороне VS кодекса или View : Команда расширений (⇧⌘X).

Если вы не можете найти расширение, что нужно, у вас есть несколько вариантов:

• Create the extension yourself
• Переключает редактор, который имеет такое расширение:
  • Atom: linter-htmlhint plugin
  • Sublime Текст: SublimeLinter-contrib-htmllint package
• Найдите альтернативный способ использования редактора без необходимости писать собственное расширение.

---

Похожие Альтернативное:

1. Установите один из узлов модулей 2. (Т.е.npm i htmlhint-ng2 -D)

2. Добавить свою команду CLI в package.json сценария:

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

3. тест, запустив npm run lint:html
4. Установите npm-watch модуль: npm i npm-watch -D

5. Добавить скрипт часов и конфигурации для package.json

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

6. Запуск npm run watch