Что я хочу сделать
В этой статье я настрою текстовый редактор VSCode для работы с фреймворком Django, и Python заодно. Автоматизировать то, что следует, установить то, что нужно, настроить то, что необходимо. Я понимаю, некоторые могут сказать что-то вроде: "Да что тут думать, установил расширение для поддержки Питона и Django и всё, в бой". Могут ещё добавить установить какую-нибудь подсветку синтаксиса, что было приятно для глаз.
И действительно, новичкам и начинающим именно так и нужно поступить. Не думать в начале о том, как и что поставить в свой редактор. Важно именно, что начать делать свой проект. А там, после, устанавливать всё по мере необходимости.
Но если ты не новичок и уже шаришь за Django и Python, ты возможно хочешь автоматизировать некоторые процессы и упростить себе жизнь. Вот для тебя, мой друг, и написана эта статья. Может найдёшь какие-нибудь новые и неизвестные расширения, кто знает.
Начнём с редактора и кода
Проще всего начать с добавления поддержки синтаксиса для наших основных рабочих инструментов. То есть Python, CSS, JavaScript, Django ну и HTML.
Для поддержки языка Python лучше всего установить целый пакет расширений, который добавит и настроит всё необходимое для работы с этим языком.
Страница расширения для Python в самом редакторе
Дальше можно добавить небольшое вспомогательное расширение для Django, чтобы было быстрее и проще писать шаблоны для сайтов. Оно просто добавит снипеты.
Страница расширения для Django в самом редакторе
Дальше мы добавим целую плеяду расширений для CSS, HTML и JS. Ничего такого, базовые снипеты для HTML, снипеты для JS, поддержка подсветки кастомных классов в HTML файлах (которые определены в CSS) плюс возможность переходить к определениям этих классов из HTML - это для CSS.
- https://marketplace.visualstudio.com/items?itemName=pranaygp.vscode-css-peek
- https://marketplace.visualstudio.com/items?itemName=ecmel.vscode-html-css
- https://marketplace.visualstudio.com/items?itemName=Zignd.html-css-class-completion
- https://marketplace.visualstudio.com/items?itemName=xabikos.JavaScriptSnippets
Так же, я люблю использовать tailwindcss в своих проектах. Я установлю расширение с поддержкой синтаксиса, подсветкой и подсказками существующих классов. Он позволяет даже не заглядывать и создавать CSS файлы, а просто писать в HTML. Я нахожу его очень полезным и нужным, хотя наверное это дело вкуса.
Страница расширения для TailwindCSS в самом редакторе
Удалённые сервера и базы данных
Но одним редактором кода сыт не будешь. Работая с Dajngo ты так или иначе столкнёшься с базами данных, это неизбежно. С начала тебе придётся работать с локальной файловой базой данных SQLite3. Она стоит и настроена по умолчанию во всех Django проектах.
Данное расширение можно скачать тут.
Страница расширения для SQLite3 в самом редакторе
Но когда твой проект начнёт расти и уже будет размещён на сервере, тебе уже потребуется другой обзорщик и редактор баз данных, который бы мог подключаться к удалённому серверу и делать прямо из редактора все необходимые операции. Вот это расширение - MySQL Client.
Страница расширения для MySQL в самом редакторе
Данное расширение хорошо тем, что позволяет работать не только с MySQL но и с другими базами данных. Такими как PostgreSQL, MarinaDB, Redis.
Ну хорошо, теперь мы можем работать с удалёнными базами данных для наших приложений и сайтов прямо из редактора. Но ведь сайт так или иначе придётся разворачивать на сервере и чтобы это сделать придётся зайти на сервер и открыть терминал. И чтобы войти на сервер, придётся либо пользоваться встроенными решениями самих хостинг-платформ или терминальными эмуляторами и заходить через них.
Я не имею ничего против них, но я бы предпочёл держать весь процесс разработки в одном приложении. Поэтому и соединение с сервером я поддерживаю через SSH клиент установленный как VSCode расширение. И использую вот это:
Страница расширения для MySQL в самом редакторе
Это, как я думаю, всё что надо для работы над личным проектом или поддержки уже существующего Django сайта. То есть подключение к базам данных и к самому серверу непосредственно.
Заключение
Сегодня мы настроили и подключили самые необходимые расширения для разработки и поддержки Django сайтов. Начиная обычными синтаксическими подсветками и расширениями для работы с соответствующими языками программирования.
Заканчивая работой с базами данных прямо из редактора. А именно с базой данных в самом начале жизненного цикла проекта, то есть SQLite3, и базами данных уже для проектов развёрнутых на серверах, то есть MySQL, PostgreSQL, MarinaDB, Redis.
Про необходимые расширения и настройку текстового редактора у меня всё.
