Если рабочий хочет хорошо работать, он должен сначала заточить свои инструменты.
Сегодня веб-шторм выпустил первое обновление версии 2020 года и испытал волну практического опыта. Вещи, обновленные в новой версии, довольно хороши. Далее я поделюсь с вами, какие новые функции есть в этой новой версии. Добро пожаловать в ваш интерес. разработчиков прочитайте это 🤗
Краткий обзор новых функций
- Новый шрифт JetBrains Mono
За последний год webstorm официально разработал шрифт, который, как утверждается, может быть более удобным для кодирования без чрезмерного напряжения глаз. Этот шрифт существует по умолчанию в нашей обновленной версии.
Здесь я использую то, что использовалось в предыдущих версияхMenloшрифт иJetBrains MonoСделайте следующее сравнение (первое изображение — шрифт Menlo, второе изображение — шрифт JetBrains Mono).
Я думаю, что новый шрифт выглядит лучше 😃
- Быстрое отображение документации при наведении курсора
В новой версии, если вы хотите просмотреть метод использования и документацию библиотеки, вам нужно всего лишь навести указатель мыши на метод, который вы хотите просмотреть, и соответствующая документация по использованию текущего метода будет автоматически отображаться, как показано на следующем рисунке.
- Быстро отредактируйте файл с помощью webstorm
После обновления новой версии вы можете быстро открыть этот файл в файле, который необходимо открыть, вы можете быстро открыть этот файл, не нужно загружать весь проект, а скорость работы была значительно улучшена.
- Использовать составной API
В новой версии есть поддержка определения компонентов с помощью Composition API в Vue 3, в разделе шаблона компонента IDE будет правильно анализировать и автозаполнять символы, возвращаемые из функции setup() компонента, включая свойства в реактивном состоянии, вычисляемые свойства и ссылки.
- Помощь в написании кода для Vuex
При использовании библиотеки Vuex предложения по завершению символов получаются из хранилища Vuex при редактировании компонентов Vue. Кроме того, WebStorm позволит вам перейти к геттерам, мутациям и действиям.
- Идеальная поддержка Angular 9
- Умные советы по расширенной проверке кода
Экономьте время при написании кода с помощью новых интеллектуальных намерений и проверок (Alt+Enter)
Например, быстро преобразовать существующий код в необязательную цепочку и/или пустое слияние (синтаксис, представленный в последних версиях JavaScript и TypeScript).
- Более полезная краткая документация
Для JavaScript и TypeScript всплывающее окно «Документация» теперь отображает больше полезной информации, включая сведения о типе и видимости символа, а также о том, где этот символ определен.
- Поддержка функций TypeScript 3.8
WebStorm 2020.1 поставляется с TypeScript 3.8 и представляет полную поддержку новых функций TypeScript 3.8, таких как импорт/экспорт только для типа, закрытые поля и ожидание верхнего уровня.
- Отформатируйте код с Prettier при сохранении
В старой версии, если мы хотели реализовать эту функцию, нам приходилось самим настраивать File watchers для ее достижения, в новой версии этот пункт конфигурации добавлен, и нам нужно только включить его в конфигурации webstorm.
- дисплейный терминал рядом
Для упрощения использования встроенного эмулятора терминала WebStorm теперь позволяет разделять сеансы терминала по вертикали и по горизонтали. Следите за выводом нескольких инструментов, используемых в данный момент, не переключаясь между вкладками.
До сих пор новые функции были объяснены для всех. Если вы хотите прочитать исходный текст, перейдите по адресу:Что нового в WebStorm 2020.1
Получайте обновления
После разговора о стольких новых функциях, можете ли вы подождать, чтобы обновить его? Далее я научу вас, как перейти со старой версии на новую.
- Как показано, выберите обновление строки меню в веб-шторме.
- Выберите ОБНОВЛЕНИЕ И СБРОС
- Загрузите необходимые файлы...
- обновление...
- Обновление выполнено успешно, перезапуск...
- Поскольку я использовал тему пользовательского интерфейса Material Theme, после этого обновления плагин темы не совместим с webstorm, поэтому сообщается об ошибке
- Обновите пользовательский интерфейс Material Theme, чтобы решить проблему с ошибкой.
- Обновление плагина успешно
- В этот момент мы обнаружили в консоли подсказку: давайте установим значок Material Theme, в новой версии плагина нет значка по умолчанию, мы нажимаем ссылку, чтобы установить его.
- Как показано на рисунке, после перехода по ссылке в браузере откроется ссылка, нажимаем Install to Ide
- В этот момент мы вернулись к веб-шторму и обнаружили, что появилось приглашение к установке, мы нажали «ОК».
- Загрузка плагина...
- Успешная установка
слишком далекоWebStorm 2020.1Обновление завершено, если вы используете webstorm впервые, переместитеОфициальный сайтЗагрузите установочный пакет и установите его.
напиши в конце
- Некоторые изображения, использованные в этой статье, взяты изwebstormЕсли на официальном сайте есть какие-либо нарушения, пожалуйста, оставьте сообщение в области комментариев, и автор немедленно удалит соответствующие изображения.
- Если в статье есть ошибки, исправьте их в комментариях, если статья вам поможет, ставьте лайк и подписывайтесь 😊
- Эта статья была впервые опубликована на Наггетс, перепечатка без разрешения запрещена 💌