Как сделать автосохранение в visual studio code
Несколько месяцев назад я заметил, что angular-cli или Visual Code сохраняют мои файлы после небольшой задержки. Что вызывает перекомпиляцию проекта и обновление страницы. Это полезно, но немного расстраивает, чтобы подождать пару секунд каждый раз для обновления. Даже после простого открытия файла. Итак, решение, которое меня только что поразило, очень просто. Зайдите в «Настройки» / «Настройки», в «Настройки рабочего пространства» поставьте
Это оно! Теперь ваш проект будет скомпилирован ТОЛЬКО после нажатия кнопки «Сохранить».
4 ответа
Зайдите в Файл-> Настройки -> Настройки
Выберите опцию автосохранения из часто используемых настроек
Как отметил @Alex Varghese в своем ответе, вы можете сделать это в настройках. Одним из добавлений является то, что даже если вы отключите опцию автосохранения в ваших пользовательских настройках, она не будет перезаписывать опцию, которая у вас есть в настройках Рабочего пространства, поэтому вы также должны внести изменения там.
Вы также можете сделать это, перейдя в файл settings.json, который обычно находится в C:\Users\user\AppData\Roaming\Code\User .
Чтобы изменить настройки рабочего пространства, вам нужно отредактировать файл settings.json, который находится в папке .vscode вашего решения.
Вместо того, чтобы полностью отключить автосохранение, я предпочитаю просто увеличить задержку и сохранить ее, например. через 10 мин. У вас есть полный контроль над тем, когда сохранять его вручную, но если вы забудете, он сохранит его после указанного длительного периода.
Файлы: автосохранение . Управляет автоматическим сохранением грязных файлов.
afterDelay
Файлы: задержка автосохранения . Управляет задержкой в мс, после которой грязный файл сохраняется автоматически. Применяется только в том случае, если для файлов: автосохранение установлено значение afterDelay.
600000
Vscode версии 1.34 и далее просто попал в меню файлов и нажмите «Автосохранение», чтобы включить или отключить автосохранение.
Эта страница диалогового окна Параметры служит для настройки автоматического резервного копирования файлов. Можно указать необходимость восстановления измененных файлов в случае неожиданного завершения работы Visual Studio.
Чтобы открыть это диалоговое окно, последовательно выберите в меню пункты Инструменты > Параметры > Среда > Автовосстановление.
Сохранять данные автовосстановления каждые [n] мин
Используйте этот параметр, чтобы настроить периодичность автоматического сохранения файла в редакторе. Что касается ранее сохраненных файлов, Visual Studio сохраняет копию файла в папке %LocalAppData%\Microsoft\VisualStudio\BackupFiles\[projectname]. Если этот файл новый и еще не был сохранен, Visual Studio автоматически сохраняет его, используя случайно созданное имя файла.
Используйте этот параметр, чтобы настроить периодичность автоматического сохранения файла в редакторе. Что касается ранее сохраненных файлов, Visual Studio 2019 версии 16.2 и более поздних версий сохраняет копию файла в папке %LocalAppData%\Microsoft\VisualStudio\BackupFiles\[имя_проекта]. Если этот файл новый и еще не был сохранен, Visual Studio автоматически сохраняет его, используя случайно созданное имя файла.
Если вы используете Visual Studio 2019 версии 16.1 или более ранней версии, файл будет расположен в папке %USERPROFILE%\Documents\Visual Studio [версия]\Backup Files\[имя_проекта] . Дополнительные сведения см. в журнале заметок о выпуске Visual Studio 2019.
Используйте этот параметр, чтобы настроить периодичность автоматического сохранения файла в редакторе. Для ранее сохраненных файлов Visual Studio 2017 сохраняет копию файла в папке %USERPROFILE%\Documents\Visual Studio [версия]\Backup Files\[имя проекта] . Если этот файл новый и еще не был сохранен, Visual Studio автоматически сохраняет его, используя случайно созданное имя файла.
Хранить данные автовосстановления [n] дн.
Используйте этот параметр, чтобы указать период, в течение которого Visual Studio будет хранить файлы, созданные для автоматического восстановления.
Недавно мы беседовали с Анной Леоновой о её пути в программировании. Аня пишет код в редакторе Visual Studio Code и сегодня поделится своими настройками. Вы узнаете, как установить программу и подготовить её для комфортной работы.
Статья для тех, кто только знакомится с программированием и ищет мощный бесплатный редактор — такой, чтобы один раз установить и много лет не менять.
Что за Visual Studio Code?
Это популярная бесплатная программа для разработчиков, которая помогает писать код. Например:
- Знает синтаксис разных языков программирования и помогает вам не ошибиться в точке с запятой или скобочке.
- Сама подставляет некоторые распространённые фрагменты кода.
- Помнит названия ваших переменных и подсказывает их, чтобы не было ошибок.
- Умеет загружать ваш код на Гит.
- Помогает отлаживать код.
- Поддерживает плагины, которые превращают её в мегакомбайн для разработчика.
VSCode — один из самых популярных редакторов кода, потому что он бесплатный и открытый, его можно сделать каким угодно под свои задачи. Есть и другие: например, Sublime Text или продукты компании JetBrains.
👉 Помните, что не редактор делает ваш код крутым, а ваши собственные знания алгоритмов, типов данных и возможностей языка. Хороший программист напишет хороший код хоть на салфетке, а плохому не поможет даже самый навороченный софт.
Установка
Приветственное окно Visual Studio Code после установки
Перед знакомством с интерфейсом вернитесь на официальный сайт и добавьте в закладки страницу с документацией — Docs. Документацию рекомендуем изучить всю сразу до начала работы с проектом. Если не получится — постепенно в свободное время. Документация — это инструкция к инструменту. Если вы хорошо изучите возможности VS Code, то сможете его полностью настроить и оформить под себя.
❌ Новички часто выбирают редактор методом тыка: скачивают несколько программ, визуально оценивают их интерфейс и начинают работать там, где им кажется удобнее или красивее. Редко бывает так, что программиста устраивает стандартный интерфейс и настройки — новички в этом случае прыгают между разными редакторами, сравнивают их базовые возможности и теряют время.
✅ Выбирайте редактор, который можно как угодно изменять и настраивать. Нравится внешний вид Sublime Text, но не хватает мощи VS Code — нет проблем: находите тему, меняете шрифт, добавляете пару расширений и готово. Чтобы быстро освоить VS Code, изучайте интерфейс по документации.
Настройка
VS Code готов к работе сразу после установки — в него по умолчанию добавлено большинство плагинов для веб-разработки. Можно сразу загрузить проект или начать программировать в новом файле. Нужно только привыкнуть к интерфейсу.
Если вы раньше пользовались другим редактором и не удалили его с компьютера, то VS Code автоматически предложит перенести сохранённые настройки. Для переноса вам достаточно кликнуть на всплывающую подсказку и перезагрузить VS Code — переносятся плагины, расширения и установленные горячие клавиши.
Если у вас ещё не было кодового редактора, то ниже мы рассмотрим несколько базовых настроек, которые помогут персонализировать интерфейс VS Code.
Устанавливаем русский язык. На левой боковой панели нажмите Extensios и в строке поиска напишите Russian Language Pack — это языковой пакет, который адаптирует VS Code под русский язык. Выберите расширения, кликните Install и перезапустите редактор. У вас должен открыться русифицированный интерфейс.
Языковой пакет Russian Language Pack
Если после перезагрузки язык не изменился — на левой боковой панели нажмите значок шестерёнки и выберите раздел Command Palette. Появится строка поиска: напишите Display, выберите команду Configure Display Language и нажмите Enter. Смените язык с английского на русский и повторно перезагрузите редактор.
Приветственное окно Visual Studio Code после установки языкового пакета
Меняем цветовую тему. В левой боковой панели нажмите на значок шестерёнки, перейдите в раздел «Цветовая тема» и выберите тему, встроенную в редактор.
Если ничего не нравится — установите любую внешнюю тему, которую получится найти в интернете. Если тема совместима с VS Code, то после скачивания она сама откроется в редакторе и вам достаточно нажать «Установить». Начать поиск рекомендуем с официального маркетплейса, где собраны тысячи бесплатных тем.
Анна Леонова рекомендует тему Night Owl — ночная сова. Её мы и поставили для теста
Добавляем любимый шрифт. В боковой панели нажмите на шестерёнку, выберите раздел «Параметры» → «Текстовый редактор» → «Шрифт». Перед вами будет вкладка Font Family, в которую нужно вписать название выбранного шрифта — если этот шрифт скачан или сохранён в операционной системе, то он сразу отобразится в редакторе. Здесь же можно изменить размер и жирность шрифта.
Включаем автосохранение. В боковой панели выберите шестерёнку, перейдите в «Параметры» → «Текстовый редактор» → «Файлы». Вы увидите вкладку Auto Save, в которой нужно указать период сохранения файлов. Мы рекомендуем режим afterDelay с задержкой в одну секунду — так вы будете сразу сохранять всё, что запишете. Если вы выберете режим onFocusChange, то изменения в рабочем файле будут сохраняться каждый раз, когда вы будете открывать другие вкладки редактора. В режиме onWindowChange изменения происходят сразу после того, когда вы сворачиваете VS Code и открываете окна других программ.
Включаем режим автосохранения и делаем так, чтобы файлы сохранялись ежесекундно
Горячие клавиши
Горячие клавиши — это помощник программиста и инструмент для быстрого выполнения рутинных задач. Предположим, нам нужно создать новый HTML-файл и написать его структуру. Без горячих клавиш этот процесс выглядит так:
- Переходим в меню и открываем вкладку «Файл».
- Выбираем команду «Новый файл».
- Возвращаемся в меню и повторно открываем вкладку «Файл».
- Находим команду «Сохранить как».
- Пишем название файла, выбираем место хранение, указываем расширение (HTML) и нажимаем кнопку «Сохранить».
- Вручную прописываем скелет HTML-документа или тратим время, чтобы найти и скопировать структуру из интернета.
Мы превратили простую задачу в многоэтапный процесс, где нужно постоянно отрывать руки от клавиатуры, хвататься за мышку и искать нужные команды в выпадающем списке. Теперь посмотрим, как это же действие можно выполнить с помощью горячих клавиш. Для примера мы используем Mac OS — в других системах горячие клавиши будут немного отличаться, но сути это не меняет:
- Command + N — создаём новый файл.
- Shift + Command + S — включаем команду «Сохранить как».
- Пишем название файла, выбираем место хранения, указываем расширение (HTML) и нажимаем кнопку «Сохранить».
- ! + tab — создаём структуру HTML-документа и можем работать.
С горячими клавишами мы сократили количество рутинных действий и быстро выполнили простую задачу — создали HTML-файл и написали структуру. В случае с объёмными проектами горячие клавиши помогают сэкономить часы работы.
В VS Code под горячие клавиши запрограммированы все команды. За один раз их не выучить, да и не нужно — понаблюдайте за своим рабочим процессом и выберите одну команду, которую вы выполняете чаще остальных. Посмотрите, какие горячие клавиши помогают автоматизировать процесс — выпишите эти клавиши и попробуйте применить. Когда привыкнете — выберите другую команду, и так до тех пор, пока не научитесь выполнять большинство действий без мышки и меню.
Для просмотра всех горячих клавиш нажмите в боковой панели на шестерёнку и выберите раздел «Сочетания клавиш». Или воспользуйтесь горячими клавишами и нажмите Command + K + Command + S. Перед вами появится длинный список с названием команд и комбинацией кнопок, которые установлены по умолчанию — любую команду можно перепрограммировать или найти с помощью поисковика.
Что дальше
А дальше прочитайте нашу статью про Vim и подключите его к своему VSCode 🙂
Как мы можем сохранить все файлы в Visual Studio Code, как в Visual Studio, нажав Ctrl + Shift + S ?
Не похоже, что к нему привязан ярлык.
Самый простой способ - использовать ускорители меню: ALT +, f а затем ALT + l .
Чтобы изменить привязку клавиш, отредактируйте настройки клавиатуры.
Добавьте привязку к правой половине экрана и перезапустите Code:
В коде Visual Studio с сегодняшнего дня вы можете нажать Ctrl + K +, S чтобы сохранить все несохраненные файлы, открытые в данный момент в вашем редакторе.
Слово предостережения о клавиатуре комбинация ярлыка представить в тексте описания пунктов меню выглядит следующим образом :
Здесь следует отметить трюк: комбинация клавиш Ctrl +, K S отображаемая вместе с текстом пункта меню, создает впечатление, что вам нужно нажать Ctrl клавишу, удерживать Ctrl клавишу нажатой, а затем быстро нажимать клавиши K и S одну за другой. Это не так.
После нажатия Ctrl + K комбинации, отпустите обе Ctrl и K клавиши , а затем нажмите S клавишу отдельно. В случаях, когда Ctrl кнопку необходимо удерживать нажатой постоянно, в тексте пункта меню это будет отображаться как, например, [ Ctrl + K Ctrl + O ] (для открытия новой папки).
У меня это не сработало в Windows. В последнем коде VS (1.14.0) мне пришлось нажать CTRL + K, а затем отпустить обе клавиши, а затем нажать S. Если бы я просто отпустил клавишу CTRL, у меня все равно был бы K нажатым и в итоге десятки K были вставлены в файл и без сохранения. Мне это совсем не нравится и по возможности поменяю привязку на что-нибудь попроще. Это заявление - After pressing Ctrl + K combination release the Ctrl key and press S separately означает именно то, что вы говорите. Он говорит, что после нажатия Ctrl + K комбинации и когда вы хотите нажать S клавишу, не удерживайте Ctrl клавишу. Вместо этого отпустите Ctrl клавишу, а затем нажмите S отдельно. Обычно мы обычно держим Ctrl клавишу нажатой в Visual Studio, чего здесь нет. Это то, что я хотел подчеркнуть. После того, как вы нажали K клавишу, вы, конечно, должны отпустить ее, чтобы нажать следующую клавишу S . Вы все K Еще одно замечание для пользователей плагина vim - чтобы двойные горячие клавиши работали, вам необходимо отключить их обработку плагином vim, например, для Ctrl+K S : "vim.handleKeys": < . "<C-k>": false >Для пользователя Windows - код Visual Studio имеет Ctrl + K, S
- Нажмите Ctrl + K.
- Отпустите обе клавиши Ctrl и K.
- Нажмите клавишу S.
Это сохранит все измененные файлы за один раз. Освобождение является основным моментом, поскольку новый пользователь нажимает клавишу S с клавишей Ctrl, которая открывает файл ярлыков клавиатуры.
Для пользователей Windows сочетание клавиш отображается как 11-й параметр в меню «Файл» как:
Отображаемое сочетание клавиш соответствует следующему:
Нажмите Ctrl + k
Отпустите Ctrl и k ключи.
Это относится к другой команде «Закрыть рабочее пространство», которую можно найти в меню «Файл» (вместо нажатия s вы нажимаете f ).
Как мы можем сохранить все файлы в коде Visual Studio, как мы делаем в Visual Studio, нажав Ctrl + Shift + S ?
не похоже, что есть привязка ярлыка к нему.
самый простой способ - использовать ускорители меню: ALT + f следовал по ALT + l .
чтобы изменить привязку клавиш, измените настройки клавиатуры.
добавьте привязку в правую половину экрана, а затем перезапустите код:
в visual studio code на сегодняшний день Вы можете нажать Ctrl+K+S для сохранения всех несохраненных файлов, открытых в Редакторе.
A word of caution о сочетаниях клавиш, присутствующих в тексте описания пунктов меню:
единственный трюк, чтобы отметить здесь, что сочетание клавиш команды [Ctrl+K S] показано с текстом пункта меню создает впечатление, что вы должны нажать Ctrl ключ, сохранить Ctrl клавиша нажата, а затем нажмите клавиши K и S по одному в быстрой последовательности. Это не случае.
после нажатия Ctrl + K комбинация, отпустите оба Ctrl и K ключи, а затем нажмите клавишу S ключ отдельно. Для случаев, когда Ctrl клавиша должна быть постоянно нажата, она будет отображаться как, например, [Ctrl + K Ctrl + O] (чтобы открыть новую папку) в тексте пункта меню .
этой комбинации клавиш.в JSON переключатели Save All и Save ярлыков, так что Cmd + S обязан Save All :
для пользователя windows-код Visual Studio имеет Ctrl + K, S
- нажмите клавишу Ctrl + K.
- отпустите клавиши Ctrl и K.
- нажмите клавишу S.
это сохранит все измененные файлы за один раз. Релиз является основным моментом, как новый пользователь нажмите клавишу S с клавишей Ctrl, которая открывает файл ярлыков клавиш платы.
Читайте также: