Я видел статью, представляющую Webstrom в Интернете, и чувствовал, что функция действительно мощная. Я также знаю, почему файлы, передаваемые GitHub на переднем конце Alibaba, имеют файл .idea. (Говорят, что Taobao рекомендует написать JS для использования Webstrom внутри него)
Мы можем понять, что IDE объединяет множество функций, которые вы хотите, или функции, которые вам не нужны. Другими словами, установлены редакторы со многими плагинами, поэтому до сих пор я все еще чувствую, что нет необходимости устанавливать для них какие-либо плагины.
Тогда давайте начнем вводить специальные функции Webstrom :
Webstorm - это коммерческий инструмент разработки JavaScript, запущенный Jetbrains
Любой редактор должен быть сохранен (CTRL + S), что является функцией редактирования программного обеспечения на всех платформах WIN, но верхний правый угол файла редактирования веб -шторма не имеет такого знакомого*.
Преимущества: после устранения Ctrl + S вы можете увидеть страницу результата, не перемещая мышь.
Недостаток: без предыдущего * логотипа он будет храниться немедленно, если клавиатура неверно будет эксплуатироваться.
Пока файл закрыт, для любого редактора не будет истории, но в Webstorm есть его. VCS-> Local History -> Показать историю (Ключ ярлыка: alt+~ -> 7)
Преимущество: до тех пор, пока Webstorm не закрыт, ваш файл может быть возвращен в предыдущую операцию в любое время (именно поэтому Ctrl+Y является причиной, почему в Webstorm это из -за удаления строки).
Недостатки: эти исторические записи исчезли после того, как Webstorm закрыт и перезапускается; Другим недостатком является то, что потребление памяти, вызванное этим, неизбежно будет относительно большим.
У любого редактора нет локальной версии, кроме сервера SVN, но Webstorm предоставляет локальную историю модификации файлов (клавиша ярлыка: alt+shift+c). Вы также можете CTRL + E, чтобы вспомнить недавно открытый файл.
Преимущества: эквивалентно местному SVN.
Недостаток: потребление памяти должно быть относительно большим.
Интегрирует Zencoding, HTML5, FTP, мгновенное редактирование (Chrome), автоматическое завершение, отладчик JavaScript на основе Mozilla, JSLINT, меньшая поддержка, поддержка CoffeeScript, Node.js, модульное тестирование, интегрированное управление версией GIT и SVN и другие функции.
При написании CSS вы будете разумно запрашивать различные файлы и изображения, поэтому вам больше не нужно подтверждать, существует ли этот файл.
Другие функции представлены. Если вы хотите узнать больше, вы можете перейти на официальный сайт Webstrom, чтобы продолжить поиск. Прочитав это введение и так много мощных функций, вы настоятельно рекомендуете сразу же попробовать этот легендарный фронтальный артефакт? Гм
Сначала после загрузки Webstrom на официальной странице загрузки нажмите «Установить», а затем перейдите к следующему шагу. Наконец, появится интерфейс регистрационного кода, потому что Webstrom является коммерческим IDE, и, конечно, в шелковом переднем конце Tianchao нет этих денег, чтобы купить такой дорогой артефакт. Не волнуйтесь, мы можем использовать ключ Webstorm, чтобы научиться использовать этот передний артефакт. Хе -хе ~~~~
После того, как установка будет успешной, я определенно буду чувствовать себя немного неудобным, точно так же, как я думаю, что эта цветовая схема действительно слишком разумна. Есть некоторые настройки, которые я не хочу, тоже. Затем ниже я перечислю настройки, к которым я привык.
Некоторые советы по настройке после установки Webstorm :
Как изменить тему (шрифты и цветовая схема):
Файл -> Настройки -> редактор -> Цвета и шрифты -> Имя схемы. Адрес загрузки темы
Как предотвратить открытие файлов проекта при запуске Webstorm:
Файл -> Настройки-> Общие удаления повторного открытия последнего проекта при запуске.
Как отлично показать китайский:
Проверьте переопределение шрифтов по умолчанию по (не рекомендуется) в файле -> Настройки-> Внешний вид, Установите имя: nsimsun, размер: 12
Как отображать номера строк:
Файл -> Настройки-> редактор, «Показать номера строк». Проверьте его, и будет отображаться номер строки.
Как автоматически обернуть код:
Файл -> Настройки -> редактор «Использовать мягкие обертки в редакторе» подключен, и код автоматически завершит строку
Как щелкнуть курсор, он будет отображаться в конце этой линии:
Файл -> Настройки-> Редактор «Разрешить размещение калики после окончания линии». Просто удалите крюк.
Как изменить быстрый ключ:
Файл-> Настройки-> KEYMAP, а затем дважды щелкните функцию, которую вы хотите быстро изменить. Там будет ход -коробка. Следуйте подсказкам.
Перемение на быстрые клавиши, которые вы знакомы с редактором:
Файл -> Настройки-> KeyMap поддерживает основные идентификаторы, такие как Visual Studio, Eclipse и Netbeans.
JavaScript Class Library Подсказки.
Файл -> Настройки -> Javascript -> Библиотеки -> затем выберите библиотеку классов JavaScript, которую вы часто используете в списке, и, наконец, загрузить и установить, будет в порядке.
При разработке JS обнаружено, что для выбора кандидатов необходим возврат CTRL +:
Файл -> Настройка -> editor -> Завершение кода -> предварительно выбрать первое предложение: «Smart» к «всегда»
Подсказка JS медленная
Файл -> Завершение кода -> AutoPopup в 1000 до 0
конфигурация GIT:
Файл -> Настройки -> редактор -> GitHub, зайдите и измените учетную запись GitHub, если нет GIT, он вам не нужен.
Установка плагина:
Файл -> Плагины, затем выберите мощные плагины и установите их. (Плагин «CSS-X-Fire» используется для изменения атрибутов CSS с использованием FireBug, код CSS в редакторе также изменится.)
Обновление позже
Опыт использования в Интернете
Функция фаворитов:
Когда каталог проектов огромный, некоторые подкаталоги открываются очень часто, но уровни очень глубокие. В настоящее время вы можете добавить каталог в свои любимые. После успешного дополнения есть меню «фавориты» слева.
Навигация по хлебной крош:
В дополнение к странице проекта слева, вы можете выбрать каталог, в топ -меню каталог, аналогичный навигации на сайте, также может достичь той же функции. Нажатие на каждый каталог будет иметь раскрывающееся меню для отображения подкаталогов под ним, что очень практично.
Интерфейс конструктора:
Если комментарии соответствуют формату, он появится. Если это файл JS, это функция и объект класса JS; Если это файл CSS, это краткое изложение файла CSS; Если это HTML -файл, это диаграмма структуры узлов. Кстати, они предназначены для удобства просмотра структуры кода.
интерфейс Todo:
Этот интерфейс появится, если вы добавите комментарии Todo в код
Интерфейс кода двойного столбца:
Щелкните правой кнопкой мыши файл на вкладке «Код» и щелкните правой кнопкой мыши-> Пролил вертикально (два экрана слева и справа) или пролитый горизонтально (два экрана на верхнем и нижнем)
Местная история особенности:
Хороший способ получить код
Используйте git
Webstorm интегрирует только общие операции GIT и не может полностью заменить инструменты командной строки. В правом нижнем углу интерфейса вы можете проверить, в какой ветви GIT вы находитесь. Вы также можете нажать, чтобы переключиться или создать новую ветку выше.
Проверьте разницу между текущим кодом и кодом хранилища:
Щелкните правой кнопкой мыши любую область интерфейса кода, выберите GIT -> Сравните с библиотекой версий, которую вы хотите сравнить.
Описание клавиши с ярлыком в Интернете:
Редактирование связанных с ярлыками клавиш
Ctrl + пространство:
Основное завершение кода (имя любого класса, метода или переменной).
Ctrl + Shift + Enter:
Полное заявление заполните текущее заявление
Ctrl + P:
Информация о параметрах (внутри метода вызов аргументов) Информация о параметрах включает параметры вызова метода
Ctrl + мышь через код
Краткая информация простая информация
Ctrl + F1
Покажите описание ошибки или предупреждения при ошибке отображения или предупреждения о медицинской помощи.
Alt + вставка
Сгенерировать код… (Getters, Setters, Constructors) Создайте новый файл или генерируйте код,… конструкторы, вы можете создавать методы Getters и Setter для любого поля в классе
Ctrl + o
Метод перегрузки переопределения
Ctrl + i
Реализовать метод реализации методов
Ctrl + alt + t
Окружение… (если, иначе, попробуйте, поймайте, для и т. Д.) Использует * для окружения выбранной линии кода, ( * включает в себя, если, попробуйте поймать и т. Д.)
Ctrl + /
Комментарий/неудобство с линейной строкой. Комментарий/неудобство
Ctrl + shift + /
Комментарий/неудобство с блоком комментариев Комментарий/неудобство
Ctrl + W.
Выберите успешно увеличение кодовых блоков выбирать кодовые блоки, как правило, инкрементный выбор
Ctrl + shift + w
Уменьшить ток в предыдущем состоянии. Отказ от предыдущего клавиша ярлыка, кода выбора уменьшения
Alt + q
Информация о контексте контекстной информации
Alt + Enter
Показать намерения и быстрого фикса
Ctrl + alt + l
Форматы кода переформата код в соответствии с форматом шаблона
Tab/ Shift + Tab
Adpent/unindent выбранные линии отступить/непреднамеренные выбранные линии.
Ctrl + x или shift + delete
Вырежьте ток или выбранный блок в буфер обмена
Ctrl + c или ctrl + вставка
Скопировать текущую строку или выбранный блок для скопировки текущей строки или выбранного кодового блока в буфер обмена
Ctrl + v или shift + вставка
Вставьте из буфера обмена
Ctrl + shift + v
Вставьте из недавних буферов. Вставьте последний контент в буфере
Ctrl + d
Дубликация текущей строки или выбранная блочная копия текущей строки или выбранного блока кода
Ctrl + y
Удалить линию в линии Care Delete в курсоре
Ctrl + shift + j
Смарт -линия соединение (только HTML и JavaScript)
Ctrl + Enter
Smart Line Split (только HTML и JavaScript)
Shift + Enter
Начните новую линию
Ctrl + shift + u
Переключать дело о том, как слово при уходе или выбранное преобразование случая блока
Ctrl + shift +]/[
Выберите до конца кодового блока End/Start Select до конца/начала блока кода
Ctrl + delete
Удалить в конец слова DELETE TEXT END
Ctrl + Backspace
Удалить в Word Start Delete Text Start Start
Ctrl + numpad +/-
Блок Expand/Colpse Code Block Expand/Collapse Block
Ctrl + shift + numpad +
Расширить все
Ctrl + shift + numpad-
Обрушиться всем
Ctrl + F4
Закрыть активный редактор вкладка «Закрыть активное редактирование»
Поиск/замените поиск/заменить связанные клавиши
Ctrl + f
Найти быстрый код поиска в текущем файле
Ctrl + shift + f
Найти в пути укажите путь, который можно найти в файле
F3
Найдите следующее
Shift + F3
Найти предыдущий
Ctrl + r
Замените замену кода в текущем файле
Ctrl + shift + r
Заменить в пути Укажите пакетную замену кода в файле
Использование поиска, связанные с поиском ярлыков
Alt + f7/ctrl + f7
Найдите использование/найдите использование в файле. Найдите использование/найдите использование
Ctrl + shift + f7
Выделите использование в файле
Ctrl + alt + f7
Покажите использование
Бег
Alt + shift + f10
Выберите конфигурацию и запустите
Alt + shift + f9
Выберите «Конфигурация» и «Отладка» Выберите архитектуру, чтобы исправить уязвимости
Shift + F10
Бегать
Shift + F9
Отладка уязвимостей патча
Ctrl + shift + f10
Запустите контекстную конфигурацию из редактора запуска архитектуры контента от редактора
Ctrl + shift + x
Запустить командную строку
Отладка отладки, связанные с ярлыками, клавиши
F8
Шаг. Не вводит функцию
F7
Зайдите в шаг за шагом
Shift + F7
Умный шаг в умный шаг в
Shift + F8
Выйти
Alt + F9
Беги в курсор, чтобы бежать в курсор
Alt+ F8
Оценить выражение
F9
Резюме программы перезагружает программу
Ctrl + F8
Точка переключения переключения переключения переключения
Ctrl + shift + f8
Просмотреть точки останова
Навигационные позиционирование, связанные с ярлыками клавиши
Ctrl + n
Перейти к занятиям в указанный класс
Ctrl + shift + n
Перейти в файл быстро найдите файлы в проекте через имена файлов
Ctrl + alt + shift + n
Перейти к символу найти положение функции одним символом
Alt + справа/ слева
Перейдите к вкладке «Следующий/ предыдущий редактор» перейдите к опции следующего/ предыдущего редактора
F12
Вернуться к предыдущему окну инструмента
Эск
Перейдите в редактор (из окна инструмента) Введите редактор в окне инструмента
Shift + ESC
Скрыть активное или последнее активное окно
Ctrl + shift + f4
Закрыть активное запуск/сообщение/найти/… вкладка «Закрыть активность».
Ctrl + G.
Перейти к линии на линию
Ctrl + E.
Последнее всплывающее всплывающее окно
Ctrl + alt + левый/правый
Перейдите обратно/вперед перейдите вперед/назад
Ctrl + Shift + Backspace
Перейдите к последнему месту редактирования. Перейдите к последнему месту редактирования
Alt + F1
Выберите текущий файл или символ в любом просмотре. Найдите местоположение выбранного в настоящее время кода или файла в других модулях интерфейса
Ctrl + B или Ctrl + щелчок
Перейти к декларации, прыжок к определению
Ctrl + alt + b
Перейдите в реализацию (ы) метода прыжка
Ctrl + shift + b
Перейти к типу декларации. Определение метода прыжка
Ctrl + shift + i
Откройте быстрый поиск в поисках быстрого определения. Быстрый поиск
Ctrl + U.
Перейдите в Super-Method/Super-Class Jump Method/Super-Class
Alt + up/down
Перейдите к предыдущему/следующему методу быстро перемещать позиционирование между методами
Ctrl +]/[
Перейти к кодовому блоку конец/начало прыжка в конце/начало блока кодирования
Ctrl + F12
Всплывающее окно структуры файла структуры файла
Ctrl + H.
Тип иерархии иерархия типа
Ctrl + alt + h
Позвоните иерархии иерархии
F2/ shift + f2
Далее/предыдущий выдвижной ошибка Прыга к следующей/предыдущей ошибке, выделите ошибку или предупреждение, чтобы быстро найти, используйте этот клавиш ярлыки, чтобы быстро перепрыгнуть между неправильными операторами.
F4/Ctrl + Enter
Редактировать источник/просмотр источника источника/источник просмотра/источник просмотра
Alt + Home
Показать навигационный бар
F11
Переключить маркер закладки
Ctrl + F11
Переключить закладку с мнемоникой
Ctrl + #[0-9]
Перейти к пронумерованному прыжке за закладки в пронумерованную марку
Shift + F11
Показать закладку
Рефакторинг рефакторирования связанных сочетания клавиш
F5
Копия
F6
Двигаться
Alt + delete
Безопасное удаление безопасного удаления
Shift + F6
Переименовать
Ctrl + alt + n
Встроенные переменные переменные
Ctrl + alt + m
Метод извлечения (только JavaScript) Функция извлечения
Ctrl + alt + v
Введение переменная
Ctrl + alt + f
ВВЕДЕНИЕ ПОЛЕ
Ctrl + alt + c
Введение постоянное
Система управления версиями VCS/Local History/Local History, связанные с яркими клавишами
Alt + backquote ()
'Vcs'quick popup vcs быстро
Ctrl + k
Проект Commit Project в VCS отправить проект в VCS
Ctrl + T.
Обновление проекта от VCS Update Project от VCS
Alt + shift + c
Посмотреть последние изменения Просмотреть последние изменения
Обычно используются связанные сочетание клавиш для общего
Ctrl + shift + a
Найти действие функция поиска и вызова редактора
Alt + #[0-9]
Открыть соответствующее окно инструмента быстро переключится, чтобы открыть модуль интерфейса
Ctrl + alt + f11
Переключить полноэкранный режим переключить полноэкранный режим
Ctrl + shift + f12
Перевернуть максимизирует редактор
Alt + shift + f
Добавить в фавориты Добавьте текущий файл в ваши фавориты
Alt + shift + i
Проверьте текущий файл с текущим профилем. Проверьте текущий файл с текущим профилем
Ctrl + backquote ()
Схема быстрого переключения схемы тока быстрого переключения
Ctrl + alt + s
Открыть диалоговое окно «Откройте диалоговое окно« Настройки ».
Ctrl + Tab
Переключить между вкладками и преобразованием окна инструмента (конфликты с клавишами ярлыков Windows)
Вы уже знали этот инструмент для разработки JavaScript Webstrom? Я не могу дождаться, чтобы попробовать это, и я гарантирую, что вам понравится после его использования.