На дворе 2021 год, а вы все еще используете WebStorm?

〇, из

На дворе 2021 год, а вы все еще используете WebStorm? Разве VSCode не ароматен? 😤

😂 На самом деле используются оба. Я обычно использую VSCode при написании демо или форматировании документов, а WebStorm использую при написании проектов и чтении исходного кода. сложите их вместе;Есть только одно условие того, что следует использовать при наборе кода, это то, что вы можете использовать этот инструмент очень умело. Ключевым моментом является повышение вашей уникальной эффективности кодирования. хорош в делах»..

Так где же WebStorm более ароматен? В выходные дни я провел дневную статью, чтобы открыть «реверсивное колесо истории» и представить всем «Как использовать последнюю подлинную версию WebStorm?», «Как сделать WebStorm простым в использовании». ?" и "Где то место, где благоухает WebStorm?",Следующие статьи будутWebStormзаменитьIntelliJ IDEAтакже подходит.

1. Как использовать последнюю подлинную версию WebStorm?

Настоятельно рекомендуется использовать «ИспользоватьВебсторм 30 днейПреимущества «Free Inside», подождите, пока вы не научитесь пользоваться официальной версией, чтобы избежать ненужных трат!

1. Перейти к официальному, чтобы купить персональную версию за свой счет

Студенты с разрешенными средствами могут покупать прямо на официальном сайте.персональная версия, первый год стоит 59 долларов, а последующее ежегодное продление обойдется намного дешевле (59->47->35), если не обновлять, то можно продолжать пользоваться без продления. в то же времяДля персонального изданияОфициальныйТакже поддерживается для коммерческих проектов, нужно только убедиться, что его может использовать один человек.

2. Подать заявку на год использования через проекты с открытым исходным кодом

Справедливости ради стоит отметить, что JetBrains действительно добросовестная и предоставляет преимущества лицензии на разработку ПО с открытым исходным кодом, позволяя всем желающим бесплатно использовать свое программное обеспечение для вкладов в открытый исходный код.Вообще, сопровождение проекта можно пройти с большой вероятностью более 3 месяцев. Доступно отсюдаБесплатная лицензионная программаЧтобы войти в приложение, вы также можете обратиться кэтот учебник; В дополнение к приложению с открытым исходным кодом вы также можете попробоватьАкадемическая лицензия,группа пользователей,Деятельность разработчиков,Утверждение разработчикаспособ получения,Но они «не могут быть использованы для коммерческих проектов», пожалуйста, используйте их осторожно..

Подводя итог, если позволяют средства, покупайте официальную версию персональной версии, а если срочно, используйте план проекта с открытым исходным кодом.в то же времяНе рекомендуется использовать Taobao для покупки образовательной версии, авторизованной вашим собственным почтовым ящиком, или использоватьide-eval-resetterСерый способ продления пробного периода плагиновдля развития коммерческих проектов.

2. Как сделать WebStorm простым в использовании?

Откройте один из самых больших проектов на моем MacxRender, фактический эффект запуска без подключениязапись экрана mp4

1. Установите несколько распространенных плагинов

непосредственныйcommand + ，Откройте настройки, найдите плагин, а после его копирования найдите и установите его в маркете плагинов:

китайский языковой пакет: Разумные студенты-программисты должны по умолчанию использовать все английский язык, но после установкиВы с первого взгляда обнаружите много вещей, которые раньше были «невидимы» в английском языке.. Я вспомнил, что раньше заставлял всю свою семью Apple использовать английский язык, и я не мог этого вынести в течение месяца.Хотя я мог понять его, мне нужно было время для прокси-перевода в моей голове.Зачем мне это нужно в ретроспективе? Тем не менее, студенты, которым не нужно отвечать при чтении на английском языке, например на китайском, могут быть проигнорированы (вы действительно можете отключить китайский язык, когда однажды овладеете этой функцией).
Coderpillr Theme: Супер приятная тема. Раньше я пробовал многие, такие как One Dark and Material Theme Ul, и я не очень доволен. На самом деле, я люблю тему Дракулы, но, к сожалению, здесь она выглядит не очень хорошо. Так уж получилось, что Coderpilr , небольшое меньшинство, имеет стиль Дракулы, который очень покорил меня Сердце.
Key Promoter X: Артефакт для любителей горячих клавиш, он научит вас запоминать сочетания клавиш с умом.
.ignore: автоматически подсказывает, какие файлы можно игнорировать, устраняя проблему поиска новых сценариев проекта один за другим.
WakaTime: Требуется небольшая настройка. Вы можете установить этот плагин во все места, где вы вводили код. Вы можете легко получить доступ к статистике того, как долго вы вводили код. Подробнее см.Официальный сайт.

Для плагинов не рекомендуется устанавливать слишком много, просто используйте достаточно, слишком круто повлияет на производительность, а также рекомендуется отключить пакет плагинов, которые вы не можете использовать..

2. Измените размер текста

В основном есть 3 общих места для модификации, которые также можно настроить в соответствии с личными предпочтениями (описание скриншота):

Во-первых, внешний вид шрифта, по умолчанию он немного мал, рекомендуется.ApplesystemUIFont16;
Второй - шрифт редактора, рекомендуемыйJetBrains Meno20, высота ряда 1,16, не соединяются;
В-третьих, рекомендуется консольный шрифтJetBrains Meno18. Высота ряда 1,14, более компактный, не сросшийся;

3. Отключите ненужные плагины

Продолжайте устанавливать вкладку в плагине, уберите галочки с тех, которые вы считаете не нужными, и отключите партию из них, которые могут не использоваться, уменьшите использование памяти, я много чего забанил, среди которых "Код с Я" можно отключить, когда он вам не нужен. Его можно найти в "Справка->Инструменты диагностики->Анализ памяти плагина"ВидетьДля большего пространства, которое можно оптимизировать, необязательная ссылка выглядит следующим образом:

4. Увеличьте размер памяти по умолчанию.

Занятую в данный момент память можно увидеть на нижней панели.Если нет, вы можете щелкнуть правой кнопкой мыши нижнюю панель и выбрать «Открыть» или закрыть некоторые неиспользуемые экраны состояния.
Найдите «Справка -> Изменить параметры памяти» в верхней строке меню (2), M1 очень крутая, а остальные можно обновить до 4096 (3).

5. Запомните и задайте часто используемые сочетания клавиш

Рекомендуется начать отсюда, открыть интерфейсный проект с локальной записью выпуска Git для тестирования и использовать его, чтобы стать опытным. Рекомендуется установить флажок «Отображать клавиши F1, F2 и т. д. на сенсорной панели». в «Настройки-> Раскладка клавиатуры». Чтобы максимально увеличить основную область редактирования обычного программного обеспечения, действия операций скрыты внутри меню,В результате вы не можете видеть то, что видите, и вы не можете думать об использовании этого.Запоминание сочетаний клавиш может заставить вас использовать на 50% больше модных функций, чем обычные пользователи, не задумываясь..

Некоторые часто используемые сочетания клавиш рекомендуется использовать чаще и, наконец, запомнить мышцы:

## 查找替换操作
shift 按两次             // 随处搜索，搜索文件、功能、代码很方便
command + f              // 当前页搜索
command + shift + f      // 全局搜索字段
command + r              // 替换当前文档
command + shift + r      // 全局替换字段

## 视图展示
command + 1              // 显示隐藏左侧文件树
command + 0              // 显示当前待提交代码，用于提交前 diff
command + 9              // 显示当前历史所有的提交记录
command + 7              // 显示当前文件的结构，特别是看 Class 时候很方便
command + 上箭头         // 跳转到导航栏

## 代码操作
command + option + l     // 格式化代码(常用)
shift + f6               // 使文件、标签、变量名重命名
f2, shift + f2           // 切换到上\下一个突出错误的位置
shift + 回车             // 无论在什么位置，自动跳到下一行
option + 回车            // 警告代码快速给出自动修正
command + 点击           // 跳到代码调用位置
command + delete         // 删除当前行，command + x也可以
command + d              // 复制新增一行一样的代码
command + w              // 关闭当前文件选项卡
command + /              // 注释行代码
command + b              // 跳转到变量声明处
command + shift + c      // 复制文件的路径
command + shift + [ ]    // 选项卡快速切换，很有用
command + shift + u      // 大小写自动转
command + shift + /      // 注释块代码
command + shift + +/-    // 展开/折叠 当前选中的代码块
command + shift + v      // 从剪切板里选择黏贴

## git 操作
command + k              // 填写代码提交记录
command + option + k     // 提交代码
command + option + z     // 撤销当前代码改动
command + d              // 选中两个文件进行对比，充当文件夹 diff 工具

Найдите «Распределение клавиатуры в настройках», управляйте текстом «Поиск» и установите несколько полезных пользовательских сочетаний клавиш.Я привык использовать вертикальное выравнивание по левому краю.control+shift, вы также можете легко установить свой собственный:
- 打开最近: установлен вcontrol+shift+rили более удобныйcommand+e, последние могут быстро открывать исторически сложившиеся проекты
- 打开..: установлен вcontrol+shift+o, open используется для открытия нового проекта, больше использовать позжеcommand+eБыстрый старт
- 关闭项目: установлен вcontrol+shift+w, который закрывает окно WebStrom для текущего проекта
- 终端: установлен вcontrol+shift+i, итермИспользуется для открытия окна командной строки, эта команда используется часто
- 注解: установлен вcontrol+shift+b, вина может отображать запись разработки каждой строки кода в текущем файле
- 显示历史提交记录: установлен вcontrol+shift+h, история может отображать все записи изменений фиксации текущего файла
- 拉代码: установлен вcontrol+shift+p, получить последний git-код текущей ветки
- 与分支比较: установлен вcontrol+shift+d, diff может сравнить текущий файл/папку (выберите дерево файлов слева) с исторической ветвью для устранения неполадок в сети.
- 切换演示模式: установлен вcommand+option+control+v, вид особенно подходит для сцены, когда код демонстрируется и делится с другими
- 切换免打扰模式: установлен вcommand+option+control+m, отключение звука особенно подходит, когда вы хотите тихо набирать код
Учащиеся, которые вначале не привыкли использовать сочетания клавиш, могут использовать их в верхней строке меню, в редакторе, в нижней строке состояния и в левом дереве файлов навигации.右键, вы можете открыть для себя много нового и использовать Key Promoter X для улучшения памяти.

6. Расширенные настройки, которые нельзя использовать

Если настройки не застряли в обычное время, а терминал в Webstorm естьnpm iВ будущем, особенно проблема зависания, вызванная слишком большим количеством изменений в индексе файла node_modules (хороший компьютер обычно этого не делает), вы можете попробовать расширенные настройки, которые я много раз отлаживал здесь.

Найдите «Справка -> Редактировать пользовательские свойства» в верхнем меню, откройтеidea.propertiesфайл, отредактированный следующим образом:

idea.cycle.buffer.size=4096
idea.max.intellisense.filesize=50

Продолжайте открывать в «Справка -> Редактировать пользовательские параметры виртуальной машины»webstorm.vmoptionsфайл, отредактированный следующим образом:

-ea
-server
-Xms2048m
-Xmx8192m
-Xss16m
-XX:MaxMetaspaceSize=2G
-XX:MetaspaceSize=1G
-XX:ConcGCThreads=8
-XX:ParallelGCThreads=8
-XX:NewRatio=2
-XX:ReservedCodeCacheSize=240m
-XX:+AlwaysPreTouch
-XX:+UseG1GC
-XX:+DoEscapeAnalysis
-XX:+TieredCompilationUseG1GC
-XX:SoftRefLRUPolicyMSPerMB=50
-XX:+UnlockExperimentalVMOptions
-Dsun.io.useCanonPrefixCache=false
-Djava.net.preferIPv4Stack=true
-Dsun.io.useCanonCaches=false
-XX:LargePageSizeInBytes=256m
-XX:+UseCodeCacheFlushing
-XX:+DisableExplicitGC
-XX:+ExplicitGCInvokesConcurrent
-XX:+AggressiveOpts
-XX:+CMSClassUnloadingEnabled
-XX:CMSInitiatingOccupancyFraction=60
-XX:+CMSParallelRemarkEnabled
-XX:+UseAdaptiveGCBoundary
-XX:+UseSplitVerifier
-XX:CompileThreshold=10000
-XX:+OptimizeStringConcat
-XX:+UseStringCache
-XX:+UseFastAccessorMethods
-XX:+UnlockDiagnosticVMOptions
-XX:+HeapDumpOnOutOfMemoryError
-XX:-OmitStackTraceInFastThrow
-Djdk.attach.allowAttachSelf=true
-Dkotlinx.coroutines.debug=off
-Djdk.module.illegalAccess.silent=true
-XX:+UseCompressedOops
-Dfile.encoding=UTF-8
-XX:CICompilerCount=2
-Xverify:none

Наконец, найдите «Файл-> Очистить кэш..» в верхней строке меню, затем перезапустите WebStrom и повторите попытку.npm iУстановка огромного количества зависимостей не должна застревать.

Когда вы знакомы с вышеперечисленным, рекомендуется находиться в правом нижнем углуСтатус барПосле того, как вы используете его в течение определенного периода времени, вы обнаружите, что WebStorm постепенно становится все более и более ароматным.

3. Где то место, где благоухает WebStorm?

1. Лучший в мире инструмент управления Git

Посмотрите, кто написал эту строку кода: Также называется git виноват, сочетание клавишcontrol+shift+bили щелкните правой кнопкой мыши «Использовать аннотацию Git Blame» на количестве строк кода, это будет выглядеть так:Эффект, в то же время вы можете щелкнуть мышью по соответствующему имени, и представление в это время появится.подробная запись.
Код CR изменяется перед фиксацией: Рекомендуется сохранить эту привычку, сравнивать и изменять ее перед каждой отправкой.command + 0, это сравнение очень четкое, и легко найти небрежный код, такой какЭффект, после подтвержденияcommand+kЗаполните запись о представлении,command+shift+kОтправьте код после завершения отправкиcommand+1Вернитесь к разработке кода.
Посмотреть все текущие коммиты: горячая клавишаcontrol+shift+hВы можете просмотреть все исторические записи отправки.Если вы хотите увидеть только определенный файл или определенную папку, выберите его, затем нажмите клавишу быстрого доступа или щелкните правой кнопкой мыши, чтобы найти «Показать историю» в git.
Просмотр точек изменения текущей ветки и ствола: это то, что я считаю лучшим местом для его использования, также называемое "спасательная операция", например, если есть проблема в сети, вы можете использовать ее, если хотите сравнить все изменения кода между онлайн-версией и предыдущей версией, или вам нужно объединить окончательный CR перед мастером. Горячая клавишаcontrol+shift+d, или щелкните правой кнопкой мыши соответствующую общую папку, чтобы найти «Сравнить с веткой» в git, вы увидите следующий эффект и можете нажать F7, чтобы увидеть следующую точку изменения.

Я попробовал известные инструменты управления Git, такие как Tower, Sourcetree, Sublime Merge, Fork и т. д., и обнаружил, что они на самом деле не так хороши, как хотелось бы.

2. Очень стабильный инструмент для рефакторинга и оптимизации кода.

Переименование файлов и переменных также поможет изменить все вызовы.: клавиша быстрого доступаshift+f6, вы также можете щелкнуть правой кнопкой мыши файл или переменную, чтобы найти рефакторинг, и все будет автоматически изменено для вас после изменения.
После изменения файла ссылка в вызывающем месте также будет автоматически изменена..
Прежде чем файл будет удален, он проверит, очищен ли вызов.: может быть в файлеcommand+deleteПопробуйте, он подскажет, где он еще используется.
Орфографические ошибки, грамматические ошибки и неэлегантный код будут подсказаны:Можетoption+回车Чтобы исправить это, как предлагается, иногда орфографическая ошибка может быть отдельным словом, которое можно сохранить в словаре WebStorm.
Блок кода может быть преобразован в метод для использования: Найдите фрагмент кода, который можно преобразовать в метод, выберите его, а затемcommand+option+mВы можете абстрагировать метод и дать ему разумное имя.
Может быть заменен использованием Prettier в качестве формата по умолчанию.: эта функция может быть лучше согласована с форматом кода других коллег на сцене разработки VSCode, видимойНастроить демонстрацию.
Сообщает вам, какой код можно оптимизировать: Особенно хорош инструмент поиска дубликатов кода, здесь тайно @NASA FR есть код, который можно оптимизировать.

3. Умные советы действительно сильны

Показать текущую информацию о пакете: вы можете на некоторое время навести указатель мыши на соответствующий пакет импорта, и отобразится README пакета, поэтому вам не нужно смотреть, как его использовать:
Машинное обучение коду подсказок: В процессе написания кода текущийWebStorm 2021 поддерживает машинное обучение всех привычек кодирования для оптимизации подсказок кода., поддерживает краткие подсказки по коду (иногда в VSCode есть много неиспользуемых подсказок), вы будете находить его медленно, поработав какое-то время.

4. Трендовая функция Code With Me для отладки чужого кода в режиме реального времени.

Вспоминая, что раньше я исправлял проблемы с кодом у своих одноклассников, особенно когда они не сидели вместе, нужно дать ему сначала добавить права доступа к коду, потом клонировать код, ветку, npm i, а потом уже рассказывать, где могут быть проблемы с кодом это пустая трата времени.
Иногда я могу использовать Mac для удаленного управления им, но опыт здесь очень плохой.Много раз это медленный отклик и медленный отклик, не говоря уже об отладке кода.
После того, как вы получите этот код со мной (вам нужно перейти к плагину, чтобы открыть его, если он не включен), напрямую поделитесь URL-адресом с другой стороной, он автоматически синхронизирует код другой стороны, включая установленные зависимости, к вашему WebStorm, а затем, когда вы измените его локально, компьютер другой стороны также будет изменен. Более модно, вы и двое также можете поговорить о том, в чем проблема на пути к видеоконференции. Используя почти родной опыт второго открытия, вы можете использоватьОфициальное видеовыучить больше.

Слева локальный WebStorm, справа Code With Me хелпера, аналог синергетического эффекта двух компьютеров

5. Есть много маленьких сюрпризов

дает вам четкие node_modules: Возможно, многие студенты, которые используют VSCode, очень запутались, я ничего не могу найти в своих node_modules, но WebStorm очень понятен:

WebStorm слева, VSCode справа (но это можно решить с помощью нишевого плагина Node Modules Context Menu)
Уникальный режим презентации и режим фокусировки, вы можете использовать настраиваемые сочетания клавишcommand+option+control+vОткройте его или найдите в «Вид->Внешний вид->Войти в демо-режим» (вы можете перейти в Настройки->Внешний вид->Установить шрифт демо-режима на 28 внизу), избавив от смущения, что демо-код не хорошо видно ниже; определить сочетания клавишcommand+option+control+vЧтобы войти в режим «Не беспокоить», вы также можете внимательно ввести код в «Вид -> Внешний вид -> Войти в режим фокусировки», что также очень понятно.

Первый раз - режим презентации, а второй раз - режим DND

Возвращаясь к тому, что я сказал в начале, повышение эффективности работы не имеет значения, какой инструмент вы используете, но каким инструментом вы владеете. б/у софт, и постепенно избавляйтесь от мышки, будет интересно что получилось.