VS Code настройка установка плагины // Подробный гайд VS Code за час // VS Code видео обучение



VS Code настройка установка плагины // Подробный гайд VS Code за час // VS Code видео обучение

VS Code настройка установка плагины // Подробный гайд VS Code за час // VS Code видео обучение

VS Code – это бесплатный, мощный, популярный, c кучей дополнений редактор кода. Да что там говорить, сам Facebook выбрал его в качестве основного редактора! Речь сегодня пойдет о редакторе кода Visual Studio Code или просто VS Code. Подробный гайд по настройке программы и расширений. Мы с тобой его установим, настроим, а также применим плагины существенно помогающие в работе! Ну что от слов к делу!

🔴 Внимание! Что бы работала система контроля версий (появился плюсик), нужно установить сам Git (https://git-scm.com/downloads) или другую систему контроля версий.

Ссылки:
👉 Сайт VS Code – https://code.visualstudio.com/
👉 Цветовые темы – https://vscodethemes.com/, https://marketplace.visualstudio.com/search?target=VSCode&category=Themes&sortBy=Installs
👉 Урок SASS/SCSS – https://www.youtube.com/watch?v=Mrq2ora_p0o&list=PLM6XATa8CAG4F9nAIYNS5oAiPotxwLFIr&index=13
👉 Урок по методологии БЭМ – https://www.youtube.com/watch?v=HihYQVuH64U&list=PLM6XATa8CAG4F9nAIYNS5oAiPotxwLFIr&index=15
👉 Emmet – https://emmet.io/
👉 GIT – https://git-scm.com/downloads
👉 Флаг: –disable-gpu

🤟 Содержание:
00:00:00 – Вступление
00:00:27 – Полное удаление
00:01:00 – Установка
00:01:55 – Запуск на слабом ПК
00:02:29 – Русификация
00:03:07 – Знакомство с интерфейсом
00:22:12 – Установка цветовой темы и пакета иконок
00:23:54 – Параметры и настройки программы
00:30:53 – Установка и настройка плагинов. Часть №1
00:32:18 – Настройка сниппетов
00:36:03 – Установка и настройка плагинов. Часть №2
00:58:49 – Связь проекта с GitHub (Бонус)
01:01:10 – Установка и настройка плагинов. Часть №3
01:04:10 – Важное напутствие!

💪 Список полезных плагинов:
Auto Complete Tag (Auto Close Tag, Auto Rename Tag), Bracket Pair Colorizer, indent-rainbow, Better Comments, Guides, BEM Helper, CSS Navigation, eCSStractor for VSCode, Image preview, Live Sass Compiler, Live Server, Project Manager, SCSS BEM Support, SCSS Formatter, SCSS IntelliSense, Vscode Google Translate, ftp-simple, SVG
SVG Font Previewer, jQuery Code Snippets, JavaScript Snippet Pack, jsflowchart
no jQuery Snippets, ESLint, Code Runner, Multiple clipboards for VSCode, WordPress Snippets, Live Pug Compiler, pug, Avocode, Google Fonts, GitLens — Git supercharged,
Settings Sync

🔴 Получить доступ к плюшкам + поддержать канал: https://www.patreon.com/freelancerlifestyle
🔴 Telegram канал: https://t.me/freelancer_lifestyle (https://teleg.run/freelancer_lifestyle)
🔴 Telegram чат по верстке: https://t.me/flschat (https://teleg.run/flschat)
🔴 Facebook: https://www.facebook.com/freelancerlifestyle
🔴 Instagram: https://www.instagram.com/freelancer.lifestyle

👋 Меня зовут Женя Андриканич, я IT – специалист, занимаюсь разработкой сайтов. На этом канале, я регулярно и в максимально доступном формате буду делиться с тобой своим опытом, наработками, секретами и лайфхаками!
Ссылка на канал: https://www.youtube.com/c/freelancerlifestyle

🤟 Живи, а работай в свободное время! ©

Comments are closed.