VSCode не заполняет HTML автоматически
У меня проблемы с моим новым установленным кодом Visual Studio в Windows 7. На Mac редактор автоматически закрывает html-теги, а на моем Win7 — нет. Я предполагаю, что должна быть какая-то возможность включить его, но я не могу ее найти.
Я говорю о том, когда например. писать на IntelliSense всплывает и нажать кнопку ввода, как правило , это автоматически ставит в шахте не работает. (The IntelliSense всплывает , но при выборе одного из вариантов его не закрывать автоматически тег:
Автоматическое закрытие тегов HTML теперь удалено и заменено более умной функцией IntelliSense .
Введите имя тега (без запуска ), затем нажмите Tab
например, введите, div затем нажмите вкладку, и VS преобразует его в
Или введите открывающий тег и дважды нажмите Tab.
он добавит закрывающий тег
У меня была та же проблема, затем я увидел что-то в правом нижнем углу vs code . вместо использования HTML я использовал Django-HTML, поэтому я изменил язык на html, Boom, все снова работает нормально. см изображение
Вот крутой трюк (на самом деле аббревиатура Эммета) :
- напишите имя тега | например h1
- после этого добавьте звездочку | например h1*
- Нажмите | (приведет к ) Tab
PS: Это также работает для самозакрывающихся тегов, таких как — input и img т. Д.
Вы можете попробовать это расширение для VS Code. В нем реализована функция автоматического закрытия тегов и будет соответствовать вашим требованиям:
- Автоматически добавлять закрывающий тег при вводе закрывающей скобки открывающего тега
- После вставки закрывающего тега курсор находится между открывающим и закрывающим тегами.
Я столкнулся с такой же проблемой на Mac Sierra (10.12.6) с VSCode (1.30.2) при редактировании файла HTML. Согласно документации vscode https://code.visualstudio.com/docs/languages/html , intellisense должен работать из коробки.
Оказалось, что «Определение языка» (в правом углу строки состояния редактора в нижней части экрана) установлено на автоматическое определение и распознал файл как django-html . При ручном переключении обратно на простой Html все работает.
- Нажмите Ctrl + Shift + P чтобы открыть палитру команд.
- Тип «Изменить режим языка» в поисковике .
- Выбрать «Изменить языковой режим». .
- Тип «HTML» в поисковике.
- И выберите «HTML» (вероятно, он был установлен на «django-html»).
Файл> Настройки> Раскладки, найдите «Автоматическое закрытие» и нажмите «Установить». Если не работает, перезагрузите плагин.
У меня была та же проблема, затем я удалил ненужные расширения из VS Code вместе с расширением JavaScript (SE), и это сработало для меня.
Нажмите, Ctrl + Shift + P чтобы открыть команду. Затем введите Change Language Mode выбранный HTML или любой другой желаемый язык.
Просто проверьте нижнюю часть своего vscode и измените языковой режим на HTML. Возможно, он показывал django-html, или нажмите ctrl + shift + p, чтобы изменить языковой режим. Скриншот
Теперь нажмите [!] + TAB, вуаля, готово .
Если вы напечатаете
а затем нажмите TAB , VS-код автоматически закроет тег DIV с заданным CLASS
Но я думаю, вы хотите проделать эту операцию, нажав клавишу ENTER .
В этом случае перейдите в настройки пользователя VS Code и вставьте следующий код:
Теперь, если вы наберете
и затем нажмите ENTER , вы увидите волшебство.
Тем не менее, приведенный выше код сделает ваш VS Code автозаполнением с помощью клавиши ENTER не только для обычного HTML, но и для фрагментов JSX of React , Vue.js. также охватят это.
Но если вы хотите сделать это только для файла HTML, достаточно следующей строки:
Источник
Автозаполнение JSX или HTML в Visual Studio Code
Есть ли способ использовать компоненты или завершение HTML в коде Visual Studio? Потому что вводить каждую букву вручную — не лучшая идея, когда у нас есть классы вроде Bootstrap и т. Д. Например, завершение, как в Emmet: ul>li*2>a
16 ответов
Код Visual Studio обнаруживает расширения .jsx и по умолчанию добавляет поддержку emmet (я использую VS code 1.8.1)
Но если вы предпочитаете использовать расширение .js для всех ваших файлов реакции, вы можете связать режим JavaScript React с файлами .js в правом нижнем углу окна VS Code.
Если кто-то все еще борется с этой проблемой:
Я обнаружил, что просто установив
Не включает завершение HTML. Но, используя:
Включите сокращения emmet на языках, которые не поддерживаются по умолчанию. Добавьте здесь сопоставление между языком и языком, поддерживаемым emmet.
Например:
2019 Обновление
Автоматическое закрытие тегов в форматах HTML, js и jsx
Работает «из коробки». То есть, после ввода закрывающей скобки открывающего тега закрывающий тег будет вставлен автоматически.
Emmet с базовым HTML в файлах .jsx
Работает «из коробки».
Эммет с базовым HTML в файлах .js:
Добавьте следующий параметр, необходимый для предложения сокращений Эммета и необходимый для последовательной работы расширения вкладок.
Emmet с настраиваемыми тегами (например, React Components) в файлах .js и .jsx
Добавьте следующую настройку:
Обратите внимание, что с этим параметром Emmet будет раскрывать все слова как пользовательские теги (а не только имена компонентов React).
Также обратите внимание, что при использовании Emmet для развертывания компонентов React в качестве настраиваемых тегов вам нужно фактически выбрать имя компонента из списка предложений и заполнить его первым (или ввести все имя вручную и закрыть меню предложений с помощью клавиши ESC). После того, как слово расширяется, вам нужно снова перейти на вкладку, чтобы Эммет развернул настраиваемый тег.
Есть запрос активной функции, чтобы потенциально удалить этот дополнительный шаг (автоматически расширять при выборе предложения, чтобы что он работает так же, как расширение стандартных тегов html).
Устранение неполадок
Убедитесь, что у вас установлена последняя версия VSCode.
Убедитесь, что вы не изменили следующие настройки по умолчанию:
Я решил проблему, просто выполнив следующие действия:
- В левом нижнем углу VSCode щелкните Javascript
- Затем вверху вы увидите список, нажмите «Настроить языковые настройки Javascript».
Добавьте в файл следующие строки:
Если вы хотите получить более подробную информацию, вы можете проверить эту ссылку.
Простой ответ в 2020 году
Сначала выберите Сопоставление файлов в правом нижнем углу окна.
Во-вторых, выберите Настроить сопоставление файлов для .js из меню, которое раскрывается в верхней центральной части окна. Измените его на JavaScript React.
Вы можете использовать расширение автоматического закрытия в коде Visual Studio. пс. когда вы устанавливаете расширение, автозаполнение не будет работать, пока вы не перезагрузите VS Code, просто повторно откройте VS Code или не перейдете к расширению автоматического закрытия тега и не нажмете «Обновить».
Выполните только эти два шага:
- Внизу VSCode, где определяется язык, нажмите на него
- Нажмите «Настроить языковые настройки Javascript (Babel)» . «или что-нибудь еще.
- вставьте этот код, разделив его запятой ‘,’ и сохраните его.
«emmet.includeLanguages»: < "javascript": "javascriptreact" >, «emmet.triggerExpansionOnTab»: true
Я бросил все ответы, и эта конфигурация у меня сработала. пришлось включить язык, а также добавить syntaxProfile. без расширения триггера ничего не работало, но теперь я нажимаю только кнопку Tab, чтобы получить результат.
Я работал над разными проектами, и у меня есть большой файл настроек.
Я проверил настройки и обнаружил, что эти настройки все портят.
Я это прокомментировал. И все отлично работает в React Apps. Благодарность
2019: краткий ответ для React
Самый простой способ получить автозаполнение JSX / HTML в ваших проектах React — добавить это в свои пользовательские настройки или настройки рабочего пространства (
Возможно, вам придется перезапустить VS Code, чтобы изменения вступили в силу.
P.S. Если вы не делаете это сопоставление для проекта React.js, то ответ Кехкашана Фазала, вероятно, должен сработать для вас.
Просто выберите соответствующий языковой режим в правом нижнем углу экрана: установите для него JavaScript React .
Мне потребовалось два шага, чтобы получить автоматически закрывающиеся теги в JSX.
- Следуйте приведенным выше инструкциям Кехкашана Фазала по настройке «emmet.includeLanguages»
- Загрузите расширение Auto Close Tag из VSCode ( formulahendry.auto-close-tag )
И теперь у вас есть красивые автоматически закрывающиеся JSX-теги!
Работает только в файлах JSX. Пусть это не работает с JS.
Автозаполнение для React Babel до вчерашнего дня у меня работало нормально.
Ни один из этих ответов не помог, поэтому я просто перезагрузил компьютер. Работал как шарм;)
Я использую VSCode (ver 1.27.2)
Основываясь на моем опыте, хотя я работаю с React . Обнаруженный язык на моем VSCode все еще ванильный JavaScript . И у Эммета не получилось.
- Один из способов заставить его снова работать — это изменить обнаруженный язык VSCode на JavaScript React . Это только для одного файла JS .
- Чтобы изменить его один раз полностью, нужно его связать.
Нажмите Configure File Association for .js.
И выберите JSX , что в моем случае я уже сделал.
- Для настройки на рабочем месте и в последнюю очередь, если ни один из них не работает для вас. Чтобы открыть его, перейдите в «Предпочтение» только до ctrl + , (comma) .
Введите и найдите emmet или Emmet . Затем скопируйте параметр, который хотите переопределить. В моем случае:
Примечание : я не пробовал использовать jsx только javascriptreact .
Я реализовал второй и третий шаг. И теперь я могу сделать Emmet .
Источник
Автозаполнение не работает в Visual studio
У меня небольшая проблема со скриптами. Когда я пишу сценарии C# для Unity с Visual studio, кажется, что я работаю в блокноте, нет автодополнение (правильно? и я должен писать очень медленно.
пожалуйста, посмотрите видео. На старте нормальная ситуация (из учебника), вторая часть показывает мою проблему.
видео с проблемой
например, transform класс не показывают предложение или автозаполнение.
Изображение с проблемой:
версия Unity: 5.5.2f1
Visual studio 2015
Установлены средства Visual Studio для Unity
13 ответов
нет автоматического завершения, потому что скрипт говорит»Разное Файлы » вместо названия проекта. Взгляните на изображение ниже, которое пришло из видео в вашем вопросе:
в «Разное Файлы» сообщение может произойти по многим причинам:
1.Это может произойти, когда вы открываете файл Unity C# из другой папки, а не из Unity Редактор.
2.Это также может произойти из-за того, что Unity разбился, когда Visual Studio все еще открыта, поэтому повреждает некоторые файлы.
3.Это может произойти, потому что Unity был закрыт, а затем снова открыт, но больше не подключен к Visual Studio. При открытии Visual Studio вы получаете»Разное Файлы » и нет автоматического завершения.
4.Это может произойти, когда инструменты Visual Studio для unity is не установить.
5.Когда вы создаете сценарий из Unity, быстро откройте его до завершения обработки Unity или до завершения анимации круглых значков.
в большинстве случаев перезапуск Unity и Visual Studio должен исправить это.
Я не могу сказать, какой из них вызывает проблему, но я рассмотрю наиболее вероятное решение для исправления этого.
Исправить Часть 1:
1.Скачать и установить инструменты Visual Studio для unity С этой ссылка. Сделайте это, пока Unity и Visual Studio закрыты.
2.Из редактора Unity перейдите в редактировать —> предпочтения. —> Внешние Инструменты. На Внешний Редактор Скриптов выпадающее меню, измените это на Visual Studio 2015.
Исправить Часть 2:
Если вновь созданные файлы c# появляются как разное затем следуйте инструкции ниже:
1.Из Visual Studio, перейдите к инструменты —> параметры. —> инструменты для Unity —> разное. Под показать значок подключения, установить true затем перезапустите Visual Studio.
2.При повторном запуске значок подключения теперь должен быть доступен в Visual Studio. Щелкните его, затем выберите экземпляр Unity для подключения. Красный значок » x » теперь должен превратиться в коричневый значок галочки. Теперь, когда вы создаете новый файл C# в Unity, он должен открыться без слов разное.
Исправить Часть 3:
все еще не исправлено?
повторно импортировать проект, затем откройте Проект C#.
1.Закройте Visual Studio.
2.Из Unity повторно импортируйте проект, перейдя в активы —> реимпорт Все!—3—>.
3.Теперь откройте проект в Visual Studio, перейдя в активы —> Открыть Проект C#. Это перезагрузит проект и исправит возможные проблемы с файлами решений.
Исправить Часть 4:
все еще не исправлено?
исправить каждый файл c# индивидуально.
1.Нажмите на Показать Все Файлы.
2.Выберите сценарий, который не выполняет автозаполнение, затем щелкните правой кнопкой мыши и выберите Включить В Проект.
Исправить Часть 5:
еще не исправлена?
заслуга chrisvarnz для этого конкретного решения, которое, похоже, сработало для нескольких людей.
1.Закройте Visual Studio
2.Перейдите в каталог проекта и удалите все созданные файлы Visual Studio.
Это расширения файлов для исключить:
предположим, что имя вашего проекта называется «Target Shoot», вот как должны выглядеть файлы для удаления:
- Цель Стрелять.csproj файл
- Цель Стрелять.Редактор.csproj файл
- Цель Стрелять.Редактор.csproj файл.
- цель Стрелять.Игрок.csproj файл
- Цель Стрелять.Игрок.csproj файл.
- Цель Стрелять.sln
больше ничего не удалять.
3.Дважды щелкните по скрипту еще раз из Unity который должен создать новый файл Visual Studio, а затем открыть Visual Studio. Это может решить вашу проблему.
Исправить Часть 6:
если не работает, проверьте если у вас возникли этой ошибка:
задача «GetReferenceNearestTargetFrameworktask» не найдена
1.Установить Диспетчер Пакетов NuGet Для С здесь.
2.Перезапустите Visual Visual.
посмотреть этой ответа для получения дополнительной информации.
Я нашел другой способ исправить эту проблему более удобным способом:
- выберите сломанный файл в обозревателе решений.
- открыть его свойства.
- переключить поле » Build Action «с» Compile «на»None».
- затем переключите его обратно на «Compile».
Это каким-то образом убьет синхронизацию между Unity и Visual Studio.
в следующий раз, когда Visual Studio перезагрузит проект, он предложит предупреждающий. Просто нажмите «отбросить».
выгрузить и перезагрузить проект в Visual Studio:
- щелкните правой кнопкой мыши проект в Обозреватель
- выберите Выгрузить Проект
- выберите Перезагрузить Проект
Я нашел это решение, чтобы работать лучше (проще всего), столкнувшись с проблемой несколько раз.
- выберите проект в Visual Studio
- нажать кнопку «Обновить»
сегодня я столкнулся с теми же проблемами, используя Visual Studio 2017 15.4.5 с Unity 2017.
Я смог устранить проблему, щелкнув правой кнопкой мыши по проекту в Visual Studio и изменив целевую платформу с 3.5 на 4.5.
надеюсь, что это поможет кому-то еще в аналогичном сценарии.
Два Альтернативных Варианта:
исправить 1
@singleton указал мне в этом направлении. Вместо изменения целевого объекта в Visual Studio следует изменить его в Unity, так как проект создается автоматически.
Сначала удалите автоматически созданные файлы Visual Studio: .csproj файл .пользователь .sln
затем из Unity перейдите в PlayerSettings и в разделе «Другие настройки» измените «версию среды выполнения сценариев» со стабильной 3.5 на экспериментальную 4.6.
однако, это не исправило это для меня.
исправить 2
Я заметил, что все ссылки на код, связанный с Unity, были отмечены желтым предупреждением. Проверьте свои журналы ошибок и посмотрите, так ли это. В частности, см., Если вы получаете следующую ошибку: getreferenceNearestTargetframeworktask
Если так попробовать: Снова запустите установщик Visual Studio.
в инструментах сборки 2017 нажмите кнопку Изменить,
обеспечить «Цели Nuget и задачи сборки» отмечены галочкой. Это должно стать галочкой, если вы нажмете на универсальную разработку платформы Windows.
Я нашел свое решение, создав .cs-файл из самой visual studio вместо редактора unity
- правой кнопкой мыши на папке проекта в обозревателе решений
- добавить > новый элемент
- введите «unity» в поле поиска в правом верхнем углу
- выберите «CSharp MonoBehaviour»
- назовите свой скрипт внизу и нажмите Add
в моем случае правильная версия .net не была установлена на моем компьютере. Я устанавливаю .net 3.5 на свой компьютер, и это сработало для меня.
для Windows или macOS:
при установке, убедитесь, что вы включили установку
затем, используя Unity (вы можете дважды щелкнуть один из ваших файлов c#), откройте новый проект C#, и среда IDE Visual Studio должна открыться с вашим новым проектом структура.
оттуда, вы должны быть в состоянии видеть то, что вы ищете.
для Linux (предложение):
попробовать MonoDevelop выступает — Дополнительная Информация, он обеспечивает завершение кода / подсказки.
Я решил установить ту же версию .NET на WIN, которая была настроена в моем проекте Unity. (Настройки Плеера)
мой автозаполнение также не работает, потому что инструменты Visual Studio для Unity не был установлен. После установки удалите автоматически созданные файлы Visual Studio. Другие сказали, что вы снова открываете файл, и проблема решена, но это не так.
фокус в том, что вместо обычного двойного щелчка по файлу вам нужно открыть файл C# из Unity правой кнопкой мыши, а затем «открыть проект C#».
ни одно из вышеперечисленных решений не сработало для меня. Однако я открыл имя проекта.Файл CSPROJ и вручную добавил новый файл, и он работал как charm
проблема, с которой я столкнулся, заключалась в том, что проект C# был нацелен на другую .NET Framework (4.7.2), тогда как проект Unity имел другую цель (.NET 3.5).
я исправил это, изменив цель в Unity как —
файл — > настройки сборки — > настройки проигрывателя — > другие настройки — > API Уровень совместимости : устанавливаем его .Net версии у вас уже есть установлено (проверьте версию .NET здесь). В моем случае это было 4.x
после этого Visual Studio работала отлично, и автозамена тоже была исправлена.
Источник