2017-02-20 17 views
1

У меня, кажется, есть подсветка синтаксиса в коде VS, без установки каких-либо специальных расширений Vue (фактически, когда я запускаю code --disable-extensions). Однако из того, что я видел around the web/friends, требуется расширение vue, так как VS Code не поддерживает Vue из коробки.Поддерживает ли VSCode Vue без добавления расширений?

Поддерживает ли он Vue или нет? Я проверил заметки о выпуске последних нескольких месяцев, не нашел ничего связанного с Vue. И если он поддерживает Vue, почему существует несколько расширений Vue, которые обеспечивают подсветку синтаксиса?

ответ

5

Отказ от ответственности: Бывший стажер VSCode. Работая над vetur, VSCode расширение для вю:

Короткий ответ: Нет

Длинный ответ:

VSCode было использовать его расширение html для vue SFC. Это отлично работает с html/css/js, но не pug/sass/scss/less/stylus/typescript/coffee.

Под «прекрасно работает», я имею в виду, что VSCode имеет правильную подсветку синтаксиса, некоторые IntelliSense, форматирование и проверку ошибок, для html/css/js.

VSCode не имеет намерения добавлять vue-специфическую поддержку в своем расширении html, как поддержка scss и т. Д. Поэтому я начал работать над vetur. Первоначально я просто хотел улучшить подсветку синтаксиса, но теперь я переработал грамматику компонента vue и портировал html-расширение VSCode для поддержки vue, поэтому вы получаете полную подсветку синтаксиса, некоторые IntelliSense, проверку ошибок и форматирование.

Вот список реализованных функций:

  • Basic IntelliSense для HTML/CSS/SCSS/меньше/JS
  • пылеобразования для CSS/SCSS/меньше/JS
  • подсветка синтаксиса для:
    • HTML/нефрит/мОПС
    • CSS/дерзость/СКС/менее/стилус
    • JS/TS
  • Embedded сниппет поддержка
    • Использование вю сниппет вне всех регионов
    • Используйте фрагмент кода каждого языка в своем регионе
  • Эммет для HTML/CSS/дерзость/СКС/менее

enter image description here

+0

Hi, Большое спасибо за ветеринар. Я не могу сделать эту работу по какой-то причине. По-видимому, ни у кого другого нет этой проблемы; поэтому я должен упустить что-то очевидное. Это то, что я сделал: 1. установил vetur, 2. скачал veturpack, 3. запустил нить и пряжу изнутри папки veturpack. 4. Открытая папка в коде vs. Ничего не работает. Я также попытался добавить файл jsconfig.json с 'include ': [" ./client/**/* "]'. То же самое и в tsconfig. Не могли бы вы рассказать мне, что я делаю неправильно? Еще раз спасибо. –

+0

Забыл добавить: VS Code 0.13.1, vetur 0.9.0, Узел 8.1.3, Windows 10. vetur - единственное расширение, установленное. –

+0

Ничего. Проблема была очень простой. Я ранее настраивал свои .vue-файлы на читайте как html. Просто нужно было изменить язык на vue. –

0

Vue - это просто библиотека javascript, поэтому да, вы можете редактировать код Vue в VSCode. Однако есть такие вещи, как «Single File Components», которые делают использование Vue намного проще. VSCode также может редактировать файлы .vue, но для обработки вам нужно что-то вроде webpack или Browserify для последующей обработки их в удобном для браузера коде.

 Смежные вопросы

  • Нет связанных вопросов^_^