Как переименовать файл в webstorm
Обновлено: 04.07.2024
Давайте я тоже поддержу межблоговые дискуссии и отвечу Илье. А ответить есть что.
Уже лет 5 я использую PhpStorm как один из основных инструментов. Как такое могло произойти, если среды разработки — уродские и тормознутые? Давайте разбираться.
Переход на PhpStorm
Раньше я программировал в Notepad++. Вершина его функций — поиск и замена по всем файлам в папке. Казалось, этого вполне достаточно. Мне тоже нравилась скорость работы редактора, и я тоже относился к IDE снисходительно. «Я и так знаю названия функций, нахрена мне тормознутая подсветка синтаксических ошибок в коде?»
Я не помню, что заставило меня скачать PhpStorm. Мне могли понадобиться возможности, которых не было в плагинах к Notepad++. Или я заинтересовался, что же находят в нем люди. Помню только, что он подсвечивал желтым слишком много подозрительных мест в моем коде.
Тем не менее, PhpStorm у меня прижился. Как автор опенсорсного продукта — движка S2 — я получил бесплатную лицензию. С тех пор PhpStorm стал одним из основных моих инструментов.
Миф №1: PhpStorm тормозит
PhpStorm как IDE отличается от текстовых редакторов:
- индексирует файлы проекта, чтобы потом мгновенно искать по ним, не перебирая каждый раз содержимое;
- распознает контекст: понимает, где названия функций, где локальные переменные, где пути к файлам и т. д.
PhpStorm как редактор не хуже Notepad++. С той же скоростью появляются буквы и перемещается курсор. Поиск работает мгновенно за счет индексации. Анализ кода работает в фоне и может отставать от курсора. Но в этом большой проблемы нет, потому что сначала программист пишет код, а потом смотрит на подсказки среды разработки.
Миф №2: переименование файла занимает в PhpStorm несколько секунд с прогресс-баром
Зависит от того, что нужно программисту. PhpStorm способен искать вхождения старого названия файла по всему проекту и по контексту определять, нужно ли это название изменить. Альтернатива в обычных редакторах — поиск и замена по всем файлам — занимает несколько минут рутинной работы. Экономия времени на два порядка.
Поиск старого названия файла можно отключить прямо в окне переименования. Тогда файл переименовывается мгновенно.
Миф №3: PhpStorm «устанавливать и настраивать год»
Установка проходит не сложнее установки любых других программ. Первоначальной настройки PhpStorm не требует. Может открыть любую папку как проект без предварительных вопросов.
Настройку дополнительных инструментов делаете тогда, когда они вам понадобятся:
- путь к git.exe для работы с гитом;
- доступ к БД, чтобы делать запросы из среды разработки;
- доступ на сервер по SSH/FTP для загрузки файлов проекта.
Пошаговая отладка через Xdebug настраивается сложнее самой природы . Но если не хотите пользоваться пошаговой отладкой с просмотром значений переменных по всему стеку вызовов, отлаживайте , никто не запрещает :)
Миф №4: PhpStorm «выглядит как говно»
Вкусовщина, конечно. Нормально он выглядит. Внешний вид работать не мешает. Чтобы не приводить зря громадный скриншот, покажу заодно «git blame»:
В следующий раз я расскажу о возможностях сред разработки на примере PhpStorm, которых нет в редакторах, но которые повышают продуктивность работы за счет автоматизации рутины.
Горячих клавиш в IDE PhpStorm и PyCharm гораздо больше, чем в приведенном ниже списке. Здесь я привел только те, которыми пользуюсь сам (* звездочкой выделил наиболее используемые мною горячие клавиши).
Шпаргалка будет обновляться, если начну использовать новые hotkeys.
Для настройки горячих клавиш или добавление собственных сочетаний клавиш перейдите File > Settings > Keymap.
Редактирование
*Ctrl + W — выделение текущего блока. Если нажимать W несколько раз, то будут выделяться родительские блоки по иерархии.
Ctrl + Shift + W — проделывает обратное действие от предыдущего
Ctrl + Y — удаляет строку
*Ctrl + D — дублирует строку
Ctrl + Shift + U — делает выделенный текст или заглавными, или строчными буквами
Ctrl + Delete — удаляет часть от курсора до конца слова
*Ctrl + Alt + L — форматирование кода соответствии с настройками code style.
Ctrl + Shift + V — вставка из истории буфера. Сейчас я пользуюсь *Win + V , стандартным буфером Windows 10 с историей.
*Ctrl + / — закомментировать/раскомментировать текущую строку.
Ctrl + Shift + / — закомментировать/раскомментировать выделенные строки кода.
Ctrl + Shift + J — к текущей строке присоединяет нижнюю.
Ctrl + [ или ] — перемещает курсор в начало или конец блока с кодом, в теле фукции, в теле цикла и т.д.
Ctrl + Shift + ] или [ — выделить код код до конца или до начала блока
*Tab — сделать отступ (табуляцию)
*SHIFT + Tab — убрать отступ
*Ctrl + Alt + Стрелка вверх — перемещает текущую строку вверх.
*Ctrl + Alt + Стрелка вниз — перемещает текущую строку вниз.
Ctrl + Shift + Стрелка вверх — перемещает текущий логический блок вверх (блок if , for и т.д.).
Ctrl + Shift + Стрелка вниз — перемещает текущий логический блок вниз
*Ctrl + Space — выводит возможные варианты автодополнения
Ctrl + курсор мыши над кодом — краткая информация
*Ctrl + клик по названию переменной или метода, или CTRL+B когда курсор установлен на названии, приведет туда, где метод или переменная определены.
*Ctrl + G — перейти к строке по номеру
*Alt + Клик левой кнопкой мышки — мультикурсор, если нужно одновременно несколько курсоров, кликаем мышкой в нужные места, куда нужно их добавить
*Ctrl + Alt + J — обрамление выделенного текста тегом (нужно выбрать первый пункт из всплывающего окошка)
F11 — быстро установить закладку
Поиск / замена
Двойной Shift — поиск по проекту
*Ctrl + F — поиск в текущем файле
*Ctrl + R — поиск и замена
*Ctrl+Shift+E — вызовет всплывающее окно, в котором показаны последние куски кода в разных файлах, с которыми вы работали
Ctrl + Shift + F — поиск в группе файлов (например в проекте или папке)
Ctrl + Shift + R — поиск и замена в группе файлов
Ctrl + N — найти в каком файле находится класс
*Ctrl + Shift + N — поиск файла по названию
Разное
Ctrl + Alt + S — быстрый доступ к настройкам
*Shift + F6 — переименование файла (выделите в блоке с файлами проекта нужный файл).
WebStorm позволяет сэкономить массу времени на часто повторяющихся действиях. Почти для всех таких действий существуют сочетания клавиш. Запомнить все эти сочетания невозможно, но в этом и нет необходимости. Предлагаем вам для начала освоить основные из них, и вы сразу увидите, насколько быстрее и эффективнее вы будете работать.
Все приведенные здесь сочетания клавиш — стандартные для macOS и Windows / Linux. Настроить удобные для вас сочетания клавиш можно в Preferences / Settings | Keymap.
Search Everywhere (поиск повсюду): ⇧⇧ / Shift+Shift
Если бы вы спросили нас, какое сочетание клавиш из этой статьи пригодится вам больше других, то мы бы назвали Search Everywhere. Как следует из его названия, оно позволяет искать любые файлы, действия, классы или символы по всему проекту. Все результаты поиска отображаются в одном месте.
Чтобы ограничить область поиска, перейдите на нужную вкладку или нажмите ⇥ / Tab. Кроме того, как показано на анимированном изображении ниже, прямо во всплывающем окне можно включить или отключить некоторые действия.
Show Context Actions (показать контекстные действия): ⌥↵ / Alt+Enter
WebStorm предлагает множество intention-действий, позволяющих быстро применять исправления, генерировать код и менять настройки проекта. Если код подчеркнут волнистой линией или в редакторе WebStorm появилась лампочка, можно щелкнуть по этой лампочке или переместить курсор на подчеркнутый код и нажать ⌥↵ / Alt+Enter — IDE покажет перечень доступных контекстных действий.
А как быть, если вы не хотите использовать какое-то действие или видеть предупреждения? Переместите курсор на код, нажмите ⌥↵ / Alt+Enter, а затем щелкните по стрелке рядом с инспекцией, которая вам не нужна, и отключите ее. Инспекция будет отключена во всем проекте.
Подробнее об инспекциях и о том, что с ними можно сделать, — на этой странице.
Refactor This (рефакторинг кода): ⌃T / Ctrl+Alt+Shift+T
Как и другие IDE JetBrains, WebStorm предлагает широкие возможности рефакторинга. Чтобы быстро перейти к списку доступных рефакторингов выбранного кода, нажмите ⌃T / Ctrl+Alt+Shift+T.
Go to Declaration (переход к объявлению): ⌘B or ⌘+Click / Ctrl+B or Ctrl+Click
WebStorm позволяет мгновенно перейти к объявлению символа: просто нажмите ⌘ или Ctrl и щелкните на символ. Можно также поместить на него курсор и нажать ⌘B / Ctrl+B. Кроме того, это сочетание клавиш позволяет перейти к файлу, на который есть ссылка, или импортированному модулю.
Если WebStorm обнаруживает несколько возможных объявлений функции, вам будет предложено выбрать нужное из раскрывающегося списка.
Code completion with replace (автодополнение кода с заменой): ⇥ / Tab
Когда вы начинаете вводить код в WebStorm, автоматически появляется всплывающее окно автодополнения. Чтобы выбрать один из предложенных вариантов, можно просто нажать ↵ / Enter. Но если вы хотите заменить один вариант на другой, нажмите ⇥ / Tab, и вместо подставленного элемента появится выбранный.
Extend Selection (расширение области выделения): ⌥↑ / Ctrl+W
Действие Extend Selection позволяет быстро расширить область выделения, не используя мышь. Чтобы снова сузить область, используйте сочетание клавиш ⌥↓ / Shift+Ctrl+W.
Run (запуск): ⌃⌥R / Alt+Shift+F10
Самый просто способ запустить одну из конфигураций запуска проекта — нажать ⌃⌥R в macOS или Alt+Shift+F10 в Windows/Linux и выбрать нужную конфигурацию во всплывающем окне.
Подсказка: чтобы начать отладку, не запуская конфигурацию, выберите из списка конфигурацию запуска и, удерживая ⇧ / Shift, нажмите ↵ / Enter.
Expand Live Template (развернуть шаблон Live Template): ⇥ / Tab
Шаблоны Live Template экономят массу времени. Наберите короткое сокращение и нажмите ⇥ / Tab, чтобы развернуть его в код. Кроме того, WebStorm поддерживает аббревиатуры Emmet для HTML и CSS — их тоже можно развернуть с помощью сочетания клавиш ⇥ / Tab.
Чтобы перейти в шаблоне от одного заполнителя переменной к другому, еще раз нажмите ⇥ / Tab.
WebStorm включает в себя большую коллекцию шаблонов Live Template, в том числе постфиксные шаблоны. Вы также можете добавить собственные пользовательские шаблоны. Подробнее о работе с шаблонами Live Template — в этой статье в блоге.
Multiple carets (несколько курсоров): ⌥+Click / Alt+Click
Очень популярная возможность использования нескольких курсоров есть и в WebStorm. Чтобы добавить или удалить дополнительные курсоры, нажмите и удерживайте ⌥ / Alt, а затем щелкните там, куда нужно поместить следующий курсор, чтобы эти места можно было редактировать одновременно.
Подробнее о работе с несколькими курсорами — в нашей документации.
Scratch File (вспомогательный файл): ⇧⌘N / Ctrl+Alt+Shift+Insert
Вспомогательные файлы (scratch files) позволяют быстро создавать образцы кода или делать заметки по ходу работы в IDE, не затрагивая рабочие файлы проекта. Вспомогательные файлы сохраняются в IDE и доступны из любого проекта.
Другие сочетания клавиш
Интересно, что еще есть в запасе у WebStorm? О других сочетаниях клавиш можно узнать из списка горячих клавиш, доступного из главного меню IDE — Help | Keymap Reference, — или на нашем веб-сайте.
Можно также перейти в Preferences / Settings | Keymap или просто начать набирать имя действия во всплывающем окне Search Everywhere.
Надеемся, что эти сочетания клавиш помогут вам сэкономить время. Какое сочетание ваше любимое? Расскажите об этом в комментариях!
Я случайно создал файл без расширения и выбрал неправильную ассоциацию типов файлов. Текстовый документ, я думаю. Я переименовал его, чтобы иметь расширение .js, что я и хотел, но теперь он застрял без какой-либо подсветки синтаксиса. WebStorm не рассматривает его как файл JavaScript. Я не могу найти где-нибудь, чтобы изменить, как WebStorm обрабатывает этот файл. Я попытался переименовать его и переименовать обратно, и это не работает. С любым другим именем (с расширением .js) он обрабатывает его как файл javascript, но не как оригинальное имя.
после дальнейшего расследования я не могу достоверно воспроизвести это поведение, но я видел, как несколько человек задают этот вопрос, поэтому я полагаю, что это не что-то, что было для меня совершенно уникальным. Спасибо CrazyCoder. Поскольку я не могу достоверно воспроизвести поведение, я не могу убедиться, что это решит проблему, но, похоже, это так.В Settings (или Preferences для макинтош)> Editor > File Types Вы можете редактировать шаблоны , по которым файл будет связаны , как того или иного типа.
Если вы выбрали шаблоны для типа файла, который вы выбрали неправильно (в вашем случае Text ), вы можете удалить шаблон имени файла, с которым был создан, чтобы связать имя файла вашего файла как неправильный тип.
Затем нажмите Apply > OK
К вашему сведению, в моей версии WebStorm это было в «Предпочтения> Редактор> Типы файлов». Это следует пометить как правильный ответ, поскольку он более полный и является решением, а не просто обходным путем. Это сработало для меня, одно из моих имен файлов явно отображалось как «текстовый файл» и не использовало регулярное выражение для другого типа файла. Не забудьте выбрать определенный «тип файла», например. «Текстовый файл», потому что ваш файл находится не в главном меню, а в этом конкретном подменю типа файла! Следует отметить, что вы должны нажать на соответствующий значок, который вы случайно отобразили, чтобы отредактировать ассоциацию. Я делал все до этого шага и был потерян на минуту. Спасибо!У меня была эта проблема в php storm 8.0.3 на OSX.
Я боролся с одним файлом, который был добавлен в виде текстового файла, но я набрал расширение .js.
Я пытался удалить и воссоздать, переименовать и переименовать обратно, удалив .idea в целом. Ничего не получалось.
Я обнаружил, что PHPStorm добавил полное имя файла в список шаблонов для текстового файла.
Это явно переопределяло все остальные настройки. Более того, это было в конфигурации IDE, а не в конфигурации проекта. Так что я предполагаю, что любой другой проект столкнулся бы с той же проблемой.
Затем найдите myfile.js в Registered Patterns панели и удалите его. Файл должен немедленно предположить, что это правильная ассоциация.
Я знаю, что это археология, но давай, Джозеф Имс, пометь это как ответ. Вы можете сделать это :) Это было оно. Спасибо. Кроме того, ПОЧЕМУ редактор делает это автоматически? !! Хороший вопрос, Алекс, просто была такая же проблема. Благодаря Генри я смог разобраться с этим :) Я использовал это решение для решения аналогичной проблемы в PyCharm (другой интегрированной среде разработки на основе IntelliJ). То же место, та же ситуация. Файл, который изначально был связан с текстовым файлом и каким-то образом не мог быть изменен, несмотря на то, что я менял расширение. Спасибо за это. Это должно быть отмечено как ответ. Огромное спасибо. Мой был регулярным выражением по любой причине. Вы сэкономили мне так много времени и разочарований .Перейдите в Настройки-> Типы файлов и затем нажмите «Текстовые файлы». Вы должны увидеть файл, если прокрутите вниз. Затем вы можете удалить его с помощью ассоциации, выбрав его и нажав кнопку - (минус)
Обратитесь к Файл -> Настройки -> Настройки IDE -> Типы файлов
А возникла проблема с файлами .vue. Моя старая версия PHpStorm не отслеживала файлы .vue, поэтому я как-то связал их как файлы .js. Однако это была ошибка, потому что синтаксис другой, и я видел много «ошибок» в коде.
Да, решение действительно в диалоге Настройки (или Настройки для Mac)> Редактор> Типы файлов. В окне вы можете увидеть список возможных ассоциаций. В самом низу списка вы увидите шаблоны Vue.js, и у меня не было ассоциаций в нижнем окне (см. Рис.), Поэтому я вручную добавил ассоциацию * .vue после нажатия зеленого цвета «+».
Я думаю, что это будет правильным для любого правильного типа файла, добавленного в PHPStorm. Тем не менее, вы можете добавить свой собственный тип файла.
В phpstorm я обнаружил, что могу использовать функцию Refactor> Rename . чтобы связать файл с неопределенным типом файла (например, имя без расширения) с типом файла.
Например, если у меня есть сценарий bash с именем do_the_things, я могу выполнить рефакторинг> Переименовать его в do_the_things.sh, который заставит его выбрать подсветку bash, затем, когда я Refactor> Переименовать его обратно в do_the_things, он сохранит подсветку bash.
Это работает в PHPStorm, я могу предположить, что в WebStorm должно быть что-то подобное
Найдите файл YOUR_PREFERENCES_DIRECTORY / options / filetypes.xml
Отредактируйте его любым текстовым редактором и, например, удалите нужную строку
Читайте также: