PyCharm Community. Основы работы
PyCharm – это одна из наиболее удобных сред разработки на языке Python. Существует в двух версиях:
- PyCharm Community – свободно-распространяемая версия с открытым исходным кодом.
- PyCharm Professional – проприетарная платная версия с триальным периодом.
В версии Community вы сможете программировать в основном на Python, в Professional – также на смежных языках (веб-программирование), использовать множество фреймворков.
В данном уроке мы рассмотрим создание проекта в PyCharm Community, первоначальную настройку среды и некоторые особенности работы в ней. Полную документацию смотрите на сайте разработчика данной IDE.
PyCharm не содержит самого интерпретатора Python, поэтому последний уже должен быть установлен в системе. В дистрибутивах Linux обычно это так и есть: пакет интерпретатора Python устанавливается вместе с операционной системой. Пользователи Windows, если еще не сделали этого, могут скачать интерпретатор Питона с официального сайта: https://www.python.org/downloads/
В Linux, распаковав установочный пакет PyCharm, вы найдете в нем файл Install***.txt , в котором описано, что надо сделать, чтобы установить и запустить среду разработки.
Процесс может выглядеть следующим образом:
-
Перемещаем каталог с файлами среды разработки в директорию /opt командой
sudo mv pycharm-community-2022.3.3/ /opt/
cd /opt/pycharm-community-2022.3.3/bin/
./pycharm.sh
При первом запуске PyCharm будет предложено принять пользовательское соглашение, также появится окно с вопросом отправлять или нет анонимные данные о том, как вы используете продукт.
Далее появится приветственное окно, в котором среди прочего предлагается создать новый проект.
При создании проекта появляется диалоговое окно, в котором следует указать адрес нового каталога (или согласиться с заданным по-умолчанию), создавать ли для проекта собственное виртуальное окружение.
Если вы только учитесь языку Питона, во избежание большого количества непонятных файлов в каталоге проекта, может быть целесообразнее выбрать пункт Previously configured interpreter . После этого через список Interpreter: выбрать системный интерпретатор ( System Interpreter ), указав его адрес.
Вернувшись в предыдущее окно, снимем флажок Create a main.py welcome script .
Далее запустится среда разработки, в ней будет открыт только что созданный проект.
Окно Tip of the Day и сообщение Code With Me следует закрыть, если они появятся. Возможно потребуется подождать, пока среда настроит проект. Сообщение об этом вы увидите в строке состояния.
Слева на панели Project управляют файлами проекта. На скрине выше в каталоге pythonProject нет ни одного файла. Чтобы создать файл, в котором будет написана программа на Python, кликнем по этой папке правой кнопкой мыши. В контекстном меню выбираем New → Python File .
После этого в центральной части среды разработки появится небольшое окно, в которое вписываем имя файла.
Нажав Enter , вы увидите файл на панели Project . Также он будет открыт в центральной части окна PyCharm.
После того, как исходный код написан, чтобы первый раз запустить программу, проще всего нажать Ctrl+Shift+F10 . Внизу раскроется вкладка Run , в которой отобразиться результат выполнения.
Иногда удобнее, чтобы панель выполнения программы открывалась не снизу, а, например, справа. В этом случае в настройках панели (справа значок похожий на гайку) следует выбрать Move to → Right Top .
После этого интерфейс среды разработки примет такой вид:
Внешний вид среды и множество других ее свойств, поведение настраиваются в окне Settings (меню File → Settings ). На скрине ниже показано, как изменить темную тему оформления PyCharm на светлую.
Бывает удобно менять размер шрифта в редакторе кода, зажав Ctrl и прокручивая колесо мыши. Чтобы воспользоваться этой возможностью в PyCharm, надо установить соответствующий флажок в разделе Editor → General окна настроек.
Изменить по-умолчанию заданный размер шрифта можно в разделе Editor → Font .
В PyCharm встроена интерактивная консоль, в которой выполняют небольшие фрагменты кода без создания файлов.
В дистрибутивах Linux обычно значок PyCharm не устанавливается в системное меню. И для последующего запуска среды вам снова надо будет обращаться к файлу pycharm.sh . Однако вы можете создать ярлык на приложение выполнив команду Tools → Create Desktop Entry… .
После этого в вашем системном меню должен появиться значок быстрого запуска. На скрине ниже показано, как это выглядит в Linux Mint.
Теперь рассмотрим некоторые особенности работы в PyCharm, точнее в его редакторе кода. Многие из них универсальны, характерны для других сред разработки. Так нажатие Ctrl + D дублирует строку, в которой находится курсор.
Ctrl + C копирует строку, в которой находится курсор, выделять строку при этом не надо. Потом копию можно вставить в любое место программы командой Ctrl + V .
Если надо скопировать или продублировать участок в несколько строк, его следует выделить.
Выделенный участок можно сдвинуть вправо (сделать вложенным), нажав Tab . Смещение влево (на внешний уровень) выполняется комбинацией Shift + Tab .
Поднять/опустить (поменять местами с предшествующей/нижестоящей) строку или выделенный участок можно с помощью сочетаний Shift + Ctrl + стрелка вверх или стрелка вниз клавиатуры.
Примеры решения и дополнительные уроки в pdf-версии курса
X Скрыть Наверх
Python. Введение в программирование
Есть ли жизнь после Scratch, или как познакомить ребёнка с Python
У нас в EPAM работает школа программирования для детей сотрудников — e-kids. В школе волонтёры-сотрудники учат детей работать со Scratch — визуальной средой программирования, созданной специально для обучения детей и подростков. Но всегда рано или поздно наступает момент, когда Scratch уже становится детям не интересен.
Путём проб и ошибок нашим учителям удалось найти способ, как развивать детей дальше, чему учить, чтобы они при этом не потеряли интерес к программированию из-за слишком сложных задач. Так в e-kids стали обучать более сложному языку программирования — Python. В этой статье я собрала полезную информацию от коллег, кто преподает в школе, о том, как детей познакомить c Python.
Scratch — это визуальная среда программирования, здесь не нужно вводить код вручную, можно быстро получить результат, дети могут сразу увидеть, как меняется проект после того, как добавляется новый блок. Со Scratch не нужно тратить время на поиск букв на клавиатуре, это также избавляет от болезненного поиска синтаксических ошибок в проекте.
Но когда ребёнок уже достаточно изучил возможности Scratch, он начинает терять интерес к работе. Задачи начинают повторяться, ничем новым Scratch удивить уже не может — значит, самое время подумать о переходе от Scratch к какому-нибудь языку программирования, где можно приступить к написанию кода.
При выборе языка стоит обратить внимание не только на опыт детей, но и на их возраст. По опыту преподавателей e-kids, минимальный возраст детей для того, чтобы предлагать им писать код, 11-12 лет.
Подготовка к обучению
Почему Python?
У Python несложный синтаксис и большое сообщество. Если у ребенка возникнут сложности с решением, можно легко найти ответ в интернете. А также есть множество внешних источников, задач, ресурсов, которые можно использовать для самостоятельного изучения.
Программы-помощники
Для подготовки уроков или домашних заданий иногда использовались специальные сервисы.
- Code.org — сервис содержит готовые задачи и описание, как их решить. Эти задачи могут быть разделены по категориям по операторам, циклам, функциям и т.д.
- CodeCademy предоставляет возможность написания кода, используя вторую или третью версию языка Python, с задачами в виде интерактивного учебника. Его ребенок может использовать для самообучения.
- Code Combat — очень интересный сервис, он представляет собой RPG игру, где все действия персонажа описываются кодом. Это валидный код на Python, где есть условия, работа с объектами и многое другое. Его удобно использовать, чтобы аккуратно перейти от Scratch к Python в игровой форме.
- Kahoot — этот сервис немного выделятся на фоне остальных, поскольку к Python не имеет никакого отношения, но это очень замечательный сервис, чтобы вспомнить, что было на прошлом занятии. Kahoot можно использовать в начале каждого занятия для того, чтобы дети вспомнили ключевые слова, подходы, технологии, о которых говорили ранее. Он позволяет создавать список вопросов и варианты ответов. К тому же есть мобильное приложение, которое подключается к викторине, поэтому дети могут отвечать с телефонов.
Книги-помощники
Из всего разнообразия книг учителя e-kids рекомендуют эти:
- Python для детей.Самоучитель по программированию, Бриггс Джейсон.
- Программирование для детей на языке Python, Луи Стоуэлл.
Нужна или не нужна интегрированная среда разработки (Integrated Development Environment, IDE)?
IDE облегчает жизнь, она подсвечивает синтаксис, исправляет ошибки и автоматически дополняет ключевые слова, плюс помогает в подготовке окружения, которое не будет мешать установленному Python. Можно, например, использовать PyCharm 2018.2.4 (Community Edition) — это бесплатная IDE.
Console vs Graphics
Все привыкли «Hello, world» обычно вводить в консоль, но когда дети видят консоль, они сразу впадают в уныние.
Поэтому лучше использовать такие библиотеки, как Turtle и Tkinter. Обе входят в стандартный дистрибутив Python и не требуют дополнительной установки. Детям будет проще переходить на Python через эти библиотеки, потому что многие методы повторяют блоки в Scratch.
Turtle легко кастомизируется: фон можно заменить на картинку комнаты, а черепашку — на другого персонажа.
Библиотека Tkinter, в свою очередь, позволяет писать оконные приложения, она уже содержит много примитивов с переключателями кнопок, выключателями, флагами, меню и т.д. Так, совместив Turtle и Tkinter, уже можно написать простейшую игру.
Как написать игру на Python
Покажу на примере, как проходило знакомство детей с Python на уроках в e-kids.
- Сперва детей знакомили с Code Combat. Здесь персонаж может ходить по карте, собирать кристаллы, уворачиваться от врагов с помощью кода. Это простая игра, но при этом дети уже писали куски кода, и главное, сразу могли видеть, на что это влияет.
- Затем знакомили детей с «черепашкой». Они учили её ходить, писать, рисовали разные фракталы.
- После чего мы попробовали превратить блоки Scratch в код на Python.
В другом блоке дети описали функцию, где в качестве аргумента был наш герой, указали, что он должен говорить, как долго и какого цвета будет надпись.
Таким образом, комбинируя эти блоки, дети уже могли написать игру, похожую на те, которые они разрабатывали на Scratch. Часть блоков уже есть в библиотеке Turtle, какие-то дописывали сами.
Примерно так выглядел код, который писали дети: есть фоновое изображение, герой, фразы, которые он говорит, и мусор, который мог собирать персонаж.
В отдельном блоке у нас была описана логика – персонаж собирает мусор, если он находится близко к мусору, он говорит какую-то фразу. Это очень напоминает то, как описывается логика персонажа в Scratch. Там тоже можно открыть персонажа и добавить какие-то блоки поведения, после чего персонаж оживал.
На уроках детям ставятся самые разные задачи, как разработка игры, так и исправление ошибок. Например, можно перемешать блоки, тогда программа перестает работать, и дать детям задание найти, что не так, в каком порядке должны идти блоки.
Путь проб и ошибок
Некоторые вместо Python выбирают JavaScript или Java. На одном из курсов e-kids преподаватели решили попробовать разобрать работу с Flask — фреймворком для создания веб-приложений на языке Python, но эта затея потерпела крушение. Задачи стояли слишком амбициозные: показать, как создавать сайт с блогом, галереей и гостевой книгой. Хоть структура всех этих компонентов и была похожая, казалось бы, дети могли просто поменять что-то в блоге и сделать галерею, например. Но учителя столкнулись с кучей проблем:
- Выяснили, что детям сложно объяснить, что такое фреймворки в принципе. Более того, оказалось, это сложно объяснить даже некоторым взрослым.
- Детям приходилось работать с большим количеством файлов, в итоге они путались, куда что вставлять.
- Высокий входной барьер. Чтобы объяснить, как построить такое веб-приложение, дети должны были знать большое количество технологий, в том числе про работу с базами данных.
Несмотря на то, что средний возраст участников был 14-15 лет, и они уже имели опыт работы с Python, практически половина участников группы потеряла интерес к занятиям по Flask, дети не проявляли активность, просто переписывали то, что им давали и не погружались в тему.
Но нельзя сказать, что это был полный провал, это был полезный опыт.
Вывод
Технологии становятся важной частью нашей жизни. Код – это язык нашего мира, который сочетает в себе математику, логику и алгоритмы и учит новому взгляду на мир.
Программирование учит, как решать большие проблемы, разбивая их на последовательность более мелких, более управляемых проблем. Надеемся, что наши занятия помогают детям решать проблемы более эффективно и мыслить глобально.
Программа e-kids развивается в России, Украине, Беларуси и Казахстане. В 2019 году в России прошли обучение 203 ученика — дети сотрудников. Кроме того, с сентября 2019 мы стали заниматься также с детьми из детских домов и с инвалидностью. Более 80 сотрудников стали волонтерами программы.
Волонтерами сотрудники становятся по разным причинам: у многих из них есть дети, и родители-разработчики хотят показать им ИТ с другой стороны или покрыть пробелы в школьном образовании, а кому-то просто нравится процесс обучения.
10 полезных плагинов для IntelliJ IDEA: для новичков и опытных разработчиков
Денечек добрый! У разработчиков есть основной инструмент, чтобы “творить” — среда разработки, вроде Eclipse, NetBeans и т.д. Но без сомнений, самой популярной средой на данный момент является Intellij IDEA. Она создана для того, чтобы упростить написание кода во множество раз.Но возможно, не всем будет хватать функциональности данной среды или захочется сделать её больше “под себя”. Это реально: достаточно расширить её функциональность, добавив плагины.
| Плагины — подключаемый дополнительный функционал к основной программе и предназначенный для расширения её возможностей. |
Сегодня мы рассмотрим 10 интересных плагинов для работы в Intellij IDEA, которые помогут вам в работе или по крайней мере поднимут настроение =) Сперва давайте проведем курс молодого бойца по установке плагинов в IntelliJ IDEA на примере установки новой темы.
1. Темы IntelliJ IDEA
У вас никогда не было ощущения, что всего лишь несколько стандартных тем для Intellij IDEA как-то маловато? Возможно, вам хотелось выбирать не из того, что есть, а покопаться и найти что-то под себя? Так, давайте это сделаем! Для начала зайдите сюда и выберите подходящую вам тему (или пак тем). К примеру, я выбрал Gradianto. Далее у нас есть два способа установки плагина.
У вас должна быть открыта ваша IDEA. Выбрав тему, жмем на кнопку Get ->Install , после чего всплывет выбор IntelliJ IDEA, которая установлена на компьютере: 
↓ 
Далее в вашей среде разработки всплывет следующее окошко:
Жмём Ok . Плагин установлен! Далее для запуска плагина нужно перезагрузить IntelliJ IDEA , чтобы он начал работать. Для плагина с темами этого не понадобилось, тема сразу сменилась на зеленую:
Способ 2: установка с Intellij idea
В idea заходим в левом правом углу в File -> Settings :
Далее заходим во вкладку Plugins и вбиваем в поиск название плагина ( Gradianto ), можно даже не полностью:
Жмем зеленую кнопку Install — и готово!
Смена темы
Зеленая — не единственная новая тема. Чтобы посмотреть остальные:
- заходим опять в File -> Settings
- открываем вкладку Appearance
После этого нажимаем на выпадающий список Theme и видим четыре новые доступные темы:Мне вот больше всего понравилась тема Gradianto Deep Ocean :
Выключение / удаление плагина
Давайте посмотрим, как выключить плагин или вовсе удалить:
- опять открываем окошко Settings-> Plugins
- выбираем вкладку Installed
Нажатие Disable сделает плагин неактивным:
Ну а если нажмем стрелочки рядом с Включением/Выключением плагина ( Enable/Disable ), то мы увидим окошко, которое позволит удалить плагин с вашей idea :
Как вы можете видеть, всё на самом деле очень просто)) Ну а дальше давайте рассмотрим несколько плагинов для IDEA, которые могут быть весьма полезными.
2. String Manipulation
Плагин, который добавит в вашу idea много новых возможностей работы со строками. Найти его можно по этой ссылке. После установки и рестарта среды разработки, при нажатии правой клавиши, к примеру, на названии переменной выделения некоторого текста, появится дополнительная функция — String Manipulation , которая предоставляет множество возможностей для изменения выбранной строки:Этот плагин будет наиболее полезен, когда нужно будет взаимодействовать с каким-то очень большим текстом. Он позволяет фильтровать, сортировать, менять регистр, менять стиль написания (например, сделать для всего текста camelCase), менять что-то во всех строках текста одновременно (интригующе звучит), кодировать текст в какой-то формат (например, в шестнадцатеричный формат SHA-1) и многое многое другое. Да, поначалу будет казаться, что различных функций слишком много и не совсем понятно, что делает та или иная. Но со временем вы привыкнете и станете богом форматирования текста в Intellij IDEA.
3. IDE Features Trainer
Данный плагин предназначен в первую очередь для новичков, он поможет изучить основные ярлыки и функции в среде IDE в интерактивном режиме. Так сказать, это будет ваш личный тренер по боевому ориентированию в Intellij idea.
Найти его можно вот здесь. После установки заходите в раздел Help -> IDE Features Trainer .
Далее выбираете тему, о которой хотели бы узнать подробнее. Например, рефакторинг:
И начинаете выполнять задания шаг за шагом.
4. Key Promoter X
Как я заметил, чем более опытный и скиловый программист, тем большее количество горячих клавиш он знает. Ведь вместо того чтобы, вручную то-то искать или делать, можно нажать пару сочетаний клавиш и вуаля! Соответственно, и работать вы будете гораздо быстрее. Поэтому представляю вашему вниманию плагин Key Promoter X. После его загрузки, когда мы зайдем в какую-то настройку, меню или вкладку, мы будем видеть в правом нижнем углу подсказки, какими сочетаниями клавиш мы могли бы выполнить то же самое действие (вызвать то же самое окно настройки, меню и т.д):В комбинации с прохождением IDE Features Trainer впоследствии вы сможете работать в вашей IDEA фактически без использования мышки (что ускорит вашу работу в разы).
5. RainbowBrackets и HighlightBracketPair
Я не мог обойти стороной плагин Rainbow Brackets, после установки которого работа с кодом станет в разы удобнее, ведь пары скобок станут разноцветными:
Это вам позволит видеть сразу, какая открывающаяся скобка с какой закрывающейся идёт в паре. Цвета не случайны (не взяты с потолка), есть определенная логика: скобки, используемые в одной и той же степени вложенности в другую скобку, будут иметь одинаковый цвет. Например, скобки в желтых будут зелеными, а уже в зеленых все будут голубыми, и так далее. Говоря о скобках, перейдём к HighlightBracketPair. При использовании данного плагина вы будете ясно видеть, в каком конкретно блоке кода или скобках находится ваш курсор, так как эта пара скобок будет подсвечиваться:
Эти два инструмента могут быть очень полезными, если вы работаете над кодом, который имеет большую вложенность.
6. Codota AI
В далекие-далекие времена код писали в обычном txt блокноте. И вот представьте, что вы где-то забыли скобку, ну или в имени какого-то класса сделали ошибку, и всё просто не компилировалось! В итоге нужно было часами искать ошибку и быть чрезвычайно внимательным в написании кода. Это испытание только для людей с крепчайшими нервами. И я так думаю, это кому-то изрядно допекло, так что ребята взялись да и начали создавать различные среды для работы с кодом. Intellij Idea, Eclipse, NetBeans. И вот вы работаете, в Intellij Idea, которая очень умна и нереально помогает в написании кода, подсказывая места возможных ошибок, и подтягивая нужные названия классов и методов, как только вы их начинаете писать. А как насчёт того, чтобы сделать её ещё чуточку умнее? Для этого и можно воспользоваться плагином Codota AI. Данный плагин предназначен для лучшего завершения кода с использованием ИИ. Codota использует самые передовые модели машинного обучения, чтобы помочь завершить строки кода на основе миллионов программ Java с открытым исходным кодом и вашего контекста, помогая вам писать код гораздо быстрее и с меньшим количеством ошибок. Другими словами, этот плагин даёт возможность подсказывать IDEA на основании контекста вашего приложения. Например, показать доступную, видимую переменную нужного типа:Также можно выделить нужный блок кода, например, название метода, и попытаться поискать уже готовые аналоги:
7. SpotBugs
Говоря о помощниках в написании кода, думаю, нам бы не помешал такой, который поможет отлавливать ошибки, не так ли? Тут на сцену и выходит плагин SpotBugs. SpotBugs обеспечивает статический анализ байтового кода для поиска ошибок в коде Java из IntelliJ IDEA. То есть, этот плагин — отличный инструмент обнаружения некоторых дефектов в коде Java, который анализирует ваш код и сравнивает его с 400+ шаблонов ошибок и плохих решений. Среди таких ошибок — бесконечные рекурсивные циклы, взаимоблокировки (deadlock, livelock), некорректные использование различных библиотек. SpotBugs может идентифицировать сотни серьезных дефектов в больших приложениях (обычно около одного дефекта на 1000–2000 строк исходных текстов без комментариев). После установки в меню выбираем Analyze -> SpotBugs -> цель анализа. Это может быть как один файл, так и целый модуль, включая или не включая тесты:
После анализа, внизу вы можете увидеть окошко с указанием всех найденных ошибок или плохих решений и предложений по исправлению:
8. Maven helper
Плагин Maven helper просто обязателен для тех, кто используем Maven. Он добавляет простой способ анализа и исключения конфликтующих зависимостей, а также возможностей видеть Maven зависимости в различных формах (список, дерево). Чтобы запустить анализ, откройте pom -ник и нажмите вкладку внизу — Dependency Analyzer , после чего можно узнать, какие зависимости с какими конфликтуют и исключить конфликтующие:Также добавляются дополнительные возможности для запуска / отладки отдельных файлов или для корневого модуля: Включение данного менеджера зависимостей поможет сэкономить время на решение возникающих проблем с зависимостями.
9. Scratch
Во время написания кода часто думаешь: вот это нужно будет подправить перед коммитом, или где-то нужно записать для себя временные данные, для какого-нибудь теста, или увиденные при отладке приложения, или ещё какие-нибудь пометки. Для этого, как правило, создается новый экземпляр блокнота на скорую руку, но это всё равно не то. Так может лучше использовать средства нашей любимой IntelliJ IDEA? Например, плагин Scratch. С этим плагином можно создавать временные вкладки текстового редактора в IDEA, где можно записать код, временные данные или какие-то мысли, которые нужны для работы позже, но не должны сохраняться навсегда (например, кеши). Проблема с замусоривающими, одноразовыми txt файлами исчезнет навсегда. После загрузки плагина нажимаем Alt + C . Появится окошко для задания имени вашему текстовому файлу:
После нажатия Ok мы получим вкладку с временным текстовым файлом. Если файл уже был создан ранее, это сочетание клавиш откроет его, если есть уже целый список таких вкладок, то будет открыта самая последняя:
В описании плагина вы сможете увидеть остальные горячие клавиши для использования этих временных, текстовых файлов. Также доступ к данным временным файлам можно получить и с меню Tools ->Scratch->. 
10. Progress Bar
И напоследок в качестве разгрузки хотелось бы отметить небольшие веселые плагины на Progress Bar. Эти плагины меняют внешний вид обычной скучной полоски загрузки индикатора выполнения на что-то более веселое. Мне, например, очень понравился плагин Марио:
Ну или попробовать весьма популярный плагин — Nyan Progress Bar.
Но хотелось бы заметить, что добавление дополнительной функциональности приводит к большим ресурсным затратам вашего приложения, и чрезмерное увлечение плагинами может сказаться на производительности вашего приложения.
Поэтому в попытке собрать свою идеальную сборку плагинов не нужно слишком увлекаться: необходимо стараться держать “золотую середину” между производительностью и дополнительными функциональным возможностями. А на этом у меня на сегодня всё) Делитесь интересными плагинами в комментариях.
Scratch files
Sometimes you may need to create temporary notes or draft up some code outside the project context. Instead of switching to a different application, you can use scratch files and scratch buffers .
Scratch files and buffers are not related to a specific project. They are available for any project that you open with the specific IDE instance.
- Scratch files are fully functional, runnable, and debuggable files that support syntax highlighting, code completion, and all other features for the corresponding file type. For example, while working on one project, you may come up with an idea for a method that you could later use in another project. You can create a scratch file with a draft of the method, which is not stored in your project directory but can be opened when you’re working on any other project. You can use scratch files to draft code constructs, HTTP requests, JSON documents, and so on.
- Scratch buffers are simple text files without any coding assistance features. Scratch buffers can be used for simple task lists and notes to yourself. They are also not stored in the project directory and can be opened from any other project. You can create up to five scratch buffers with default names, which are rotated and reused by clearing the content.
Scratch files and buffers are stored in the IDE configuration directory under scratches .
Create a scratch file
- Go to File | New | Scratch File or press Control+Alt+Shift+Insert . Alternatively, in the Project tool window , right-click any area and navigate to New | Scratch File .
- Select the language of the scratch file. Scratch files of the same type are automatically numbered and added to the Scratches and Consoles directory of the Project view.
Alternatively, you can create a new scratch file with the contents of the current selection in the editor. Select some text or code, press Alt+Enter and then select Create new scratch file from selection . WebStorm will attempt to detect the language of the selected fragment and use the appropriate type and extension. If it can’t detect the language of the selection, WebStorm will create the file with the same type and extension as the original file.
WebStorm numbers scratch files sequentially starting from 1. If you close a tab with an empty scratch file, WebStorm deletes it.
Create a scratch buffer
- There is no dedicated menu item for the action to create a new scratch buffer, but you can use the Find Action popup Control+Shift+A and run the New Scratch Buffer action.
View available scratches
- To see the list of created scratch files and buffers, open the Project tool window and select Scratches and Consoles | Scratches :
- By default, scratch files and buffers are sorted alphabetically by their names and next by their extensions (types), which automatically means that buffer files always come first. To sort scratch files by types, click or right-click the Project tab and select Sort by Type :
WebStorm sorts scratches alphabetically based on their extensions : 
Rename scratches
- In the Project tool window, click Scratches under Scratches and Consoles , select the file to rename, and press Shift+F6 .
- In the dialog that opens, type the new name. Note that specifying another extension does not affect the file type, use the Change Language action for that.
For more information, refer to Renaming files and folders.
Copy scratches
- In the Project tool window, in the Scratches and Consoles | Scratches directory, select the scratch file to copy.
- Press F5 . In the dialog that opens, type the new filename. Here you can also specify another extension to change the file type. If necessary, select the folder where you want to save the copy.
For more information, refer to Copying files and folders.
Change the language of scratches
- In the Project tool window, click Scratches under Scratches and Consoles , and choose Change Language () from the context menu of the scratch file to change the language for.
- Select the desired language. Note the following:
- Four last used items are on top of the list, above the separator.
- To narrow down the list, start typing the language name.
- The Change Language action keeps extension in sync, if it exists.
You can assign a shortcut to the Change Language action as described in Configuring keyboard shortcuts.
Run and debug scratches
- Install the required packages and add the corresponding import statements to the scratch file. For example, to use JQuery:
- Open package.json and add the following packages to the dependencies property:
«dependencies»: < "jquery": "^3.5.0", "jsdom": "^16.2.2", "core-js": "^3.6.5", "nuxt": "^2.14.5" >
const= require(«jsdom»); const = new JSDOM(«»); const $ = require(‘jquery’)(window); Include a scratch file into your project
If a scratch file grows into something that you want to use in your project, move it into the desired directory of your project structure.
- Open a scratch file in the editor or select it under the Scratches and Consoles | Scratches directory in the Project view, press F6 , and select the target directory in your project. For more information, refer to Moving files and folders.
- Drag a scratch file from the Scratches and Consoles | Scratches directory in the Project view to the target directory in your project.
- Select a scratch file in the Scratches and Consoles | Scratches directory in the Project view and press Control+X , then select the target directory in your project and press Control+V .
View documentation for scratches
- Select any scratch file or buffer in the Project tool window and press Control+Q to view quick documentation with the location, type, size, creation and modification date of the file.