Visual studio синхронизация настроек

Обновлено: 06.07.2024

Я бы хотел как-то синхронизировать мои пользовательские настройки VS Code (Файл> Предпочтения> Пользовательские настройки) в облаке, чтобы я мог легко обмениваться ими между несколькими установками, как в Windows 10 и Visual Studio.

Есть ли поддерживаемый способ сделать это? Непосредственная поддержка в Code была бы полезной, но в противном случае была бы также возможность перемещения моего местоположения settings.json в папку Dropbox или OneDrive.

Я специально искал способ сделать это автоматически и беззвучно. Экспорт/импорт вручную слишком громоздкий и не тот, который я ищу.

Обновление: есть запрос функции для этого здесь. Если вы хотите эту функцию, пожалуйста, подождите.

ОТВЕТЫ

Ответ 1

Я разработал расширение, которое будет синхронизировать ваши настройки кода Visual Studio через несколько экземпляров.

Основные функции

Используйте токен вашей учетной записи github.
Простота загрузки и загрузки одним нажатием.
Сохраняет все настройки и файлы фрагментов.
Ключ загрузки: Shift + Alt + u
Загрузить ключ: Shift + Alt + d
Тип Sync In Для просмотра всех параметров синхронизации

Это синхронизация

Файл настроек
Файл привязки клавиш
Запустить файл
Папка фрагментов
VSCode Расширения

Источник подробной документации

Ответ 2

Вы можете сделать жесткую ссылку из каталога, содержащего пользовательские настройки, в каталог синхронизации приложений, таких как Dropbox или OneDrive.

Например, в окнах пользовательские настройки находятся в %APPDATA%\Code\User , поэтому вы можете ввести:

mklink /H /J X:\Your\Sync\Dir %APPDATA%\Code\User

на ваших компьютерах с кодом Visual Studio для достижения синхронизации.

Затем на другом компьютере вы можете удалить папку %APPDATA%\Code\User и введите:

mklink /H /J %APPDATA%\Code\User X:\Your\Sync\Dir

чтобы получить синхронизированные настройки.

Ответ 3

Ага, вы можете попробовать мое расширение VSCode: Синхронизация.

Надеюсь, вам понравится. :)

Краткое руководство

Получите свой GitHub Personal Access Token :

Войдите на страницу Settings GitHub.

Перейдите на вкладку " Personal access tokens " и нажмите " Generate new token .

Выберите gist и нажмите " Generate token .

Скопируйте и сделайте резервную копию вашего токена.

Синхронизируйте ваши настройки:

Syncing запросит необходимую информацию for the first time и save for later use .

Загрузить:

Тип upload в VSCode Command Palette .

Введите свой GitHub Personal Access Token .

Введите свой Gist ID (или leave it blank чтобы создать автоматически).

После загрузки вы можете найти ваши настройки и соответствующий Gist ID в вашем GitHub Gist.

Тип download в VSCode Command Palette .

Введите свой GitHub Personal Access Token (или leave it blank если вы хотите загрузить его из общедоступной Gist)

Введите свой Gist ID (или public Gist ID ).

Ответ 4

Настройки пользователя

В настоящее время автоматическая синхронизация пользовательских настроек, доступных в коде Visual Studio, отсутствует. В Windows настройки пользователя расположены в %APPDATA%\Code\User\settings.json . Вы можете сохранить копию этого файла в OneDrive или Dropbox и перенести его на все свои компьютеры в папку настроек пользователя. Но это все равно включает ручные шаги на каждой машине каждый раз, когда вы меняете конфигурацию.

Параметры рабочей области

Добавьте папку .vscode рабочего пространства в систему управления версиями (Git/SVN и т.д.). Когда вы проверяете код из репозитория, вы автоматически получите настройки рабочего пространства VS Code.

Ответ 5

Я размещаю свой settings.json в файле конфигурации, который я синхронизирую с git (хотя Dropbox также будет работать) и используйте Python script, чтобы символически привязать его к правильному местоположению для каждой платформы, поэтому обновляя его из настроек синхронизация меню по моим машинам. Создание символических ссылок требует привилегий администратора в Windows.

Ответ 6

Я сделал это на своем Mac, скопировав VS Code settings.json на мой диск iCloud для автоматического резервного копирования, а затем создав символическую ссылку.

Скопируйте файл settings.json из каталога настроек кода VS $HOME/Library/Application Support/Code/User/settings.json в вашу резервную копию
settings-old.json старого settings.json , переименовав в settings-old.json
В терминале cd код cd на VS dir: cd

Чтобы использовать резервную копию на другом Mac, просто повторите шаги 2-5.

Я также сделал это для расширений.

Ответ 7

Еще один способ сделать это - создать мягкую ссылку на ваши файлы, которые также могут храниться в репозитории на GitHub. Например, в Mac OS предположим, что у вас есть каталог

/dev/dotfiles/vscode . Допустим, там есть два файла с keybindings.json settings.json и keybindings.json . Вы можете мягко связать эти файлы с:

Ответ 8

Используйте настройки рабочего пространства вместо пользовательских настроек.

Я хотел бы иметь возможность каким-то образом синхронизировать мои пользовательские настройки VS Code (Файл> Настройки> Пользовательские настройки) с облаком, чтобы я мог легко делиться ими между несколькими установками, как в Windows 10 и Visual Studio.

Есть ли поддерживаемый способ сделать это? Прямая поддержка в коде была бы замечательной, но в противном случае возможность переместить мое местоположение settings.json в папку Dropbox или OneDrive тоже подойдет.

Я специально ищу способ сделать это автоматически и незаметно. Экспорт / импорт вручную слишком сложен и не то, что я ищу.

Обновление: здесь есть запрос функции . Если вам нужна эта функция, пожалуйста, оцените ее.

Самый простой способ - использовать программу Google Backup and Sync и просто добавить в резервную копию папку C: \ Users \ [ВАШ_ПОЛЬЗОВАТЕЛЬ] \ AppData \ Roaming \ Code \ User.

Я разработал расширение, которое синхронизирует все ваши настройки кода Visual Studio в нескольких экземплярах.

Ключевая особенность

Используйте токен своей учетной записи GitHub.
Легко загружать и скачивать одним щелчком мыши.
Сохраняет все файлы настроек и сниппетов.
Клавиша загрузки: Shift + Alt + u
Клавиша загрузки: Shift + Alt + d
Введите "Синхронизация", чтобы просмотреть все параметры синхронизации.

Это синхронизация

Файл настроек
Файл привязки клавиш
Запустить файл
Папка фрагментов
Расширения VSCode

Подробная документация Источник

Спасибо, Шан Хан - это расширение весьма полезно - у меня есть набор виртуальных серверов, на которых мне нужно синхронизировать настройки VS Code и привязки клавиш между экземплярами, и это расширение работает точно так, как рекламируется. Я бы хотел принять этот ответ, но я попробовал инструмент и обнаружил, что он ненадежен и содержит ошибки. Очень простой сценарий: VS Code установлен на двух машинах, и я пытался настроить автоматическую загрузку / выгрузку и изменения расширений. В конце концов, я сдался, не сумев заставить его работать. Итак, отличная идея, но требует доработки. @korkman для обработки этих ситуаций, синхронизация настроек позволит синхронизировать через локальные файлы и репозитории git, такие как gist, в будущих обновлениях.

Вы можете создать жесткую ссылку из каталога, содержащего пользовательские настройки, в каталог синхронизации приложений, таких как Dropbox или OneDrive.

Например, в окнах пользовательские настройки находятся в %APPDATA%\Code\User , поэтому вы можете ввести:

mklink /H /J X:\Your\Sync\Dir %APPDATA%\Code\User

на ваших компьютерах с Visual Studio Code для синхронизации.

Затем на другом компьютере вы можете удалить %APPDATA%\Code\User папку и ввести:

mklink /H /J %APPDATA%\Code\User X:\Your\Sync\Dir

для получения синхронизированных настроек.

Здравствуй ! Я не понимаю, зачем вам делать ссылку ИЗ каталога синхронизации НА папку% appdata%. Переместите один раз для всех ваших фактических настроек VS в каталог синхронизации (DropBox, OneDrive, что угодно . ), затем на каждом компьютере, на котором вы хотите синхронизировать настройки, удалите %APPDATA%\Code\User и создайте ссылку с помощью mklink /H /J %APPDATA%\Code\User X:\Your\Sync\Dir Потому что вы не сможете создать ссылку, если данное имя уже существует, в то время как каталог синхронизации будет там после загрузки настроек.

Ага, вы можете попробовать мое расширение VSCode: Syncing .

Надеюсь, вам понравится. :)

Краткое руководство

Получите свой GitHub Personal Access Token :

Войдите на свою страницу GitHub Settings .

Выберите Personal access tokens вкладку и щелкните Generate new token .

Выберите gist и щелкните Generate token .

Скопируйте и сделайте резервную копию вашего токена.

Синхронизируйте свои настройки:

Syncing запросит необходимую информацию for the first time и save for later use .

Загрузить :

Введите upload в VSCode Command Palette .

Введите свой GitHub Personal Access Token .

Введите свой Gist ID (или leave it blank создать автоматически).

После загрузки вы можете найти свои настройки и соответствующие им Gist ID в GitHub Gist .

Введите download в VSCode Command Palette .

Введите свой GitHub Personal Access Token (или, leave it blank если вы хотите загрузить из общедоступного Gist)

Введите свой Gist ID (или public Gist ID ).

Гектометр Кажется, это не синхронизирует расширения, которые я установил в эталонной установке VS Code. Я что-то упустил или эта функция выходит за рамки этого инструмента? РЕДАКТИРОВАТЬ: мне пришлось запустить Syncing: Download Settings 2 раза, чтобы загрузить расширения. Ничего особенного, просто предупреждаю. Спасибо за убийственный инструмент! @korkman Экспорт в локальное хранилище пока не поддерживается, но было бы лучше поддерживать синхронизацию файлов.

Возможности предварительного просмотра

Функции предварительного просмотра не готовы к выпуску, но достаточно функциональны для использования. Мы приветствуем ваши ранние отзывы, пока они находятся в стадии разработки.

Синхронизация настроек

Синхронизация настроек теперь доступна для предварительного просмотра в стабильной версии 🎉. Обратитесь к руководству пользователя для получения дополнительной информации и часто задаваемых вопросов.

В продукте функция теперь называется « Синхронизация настроек» . Все его ссылки и настройки переименованы для выравнивания.

Синхронизация настроек

Последние пару месяцев мы работали над поддержкой синхронизации настроек VS Code, расширений и сочетаний клавиш на разных машинах (популярный запрос функции № 2743 ). На этом этапе мы рады сообщить, что эта функция готова к предварительному просмотру из нашего следующего релиза 1.44.0-insider . Теперь вы можете синхронизировать свои настройки во всех установках VS Code на всех ваших машинах. Вы также можете загрузить VS Code с вашими личными настройками на новой машине с минимальными усилиями. Следующее видео демонстрирует это:

Поддерживает обнаружение конфликтов в настройках и привязках клавиш при синхронизации. Конфликты отображаются с помощью редактора различий с входящими (облачными) изменениями слева и локальными изменениями справа. Вы можете разрешить конфликты, отредактировав в правом редакторе, и объединить изменения, используя действия, предусмотренные в редакторе.

Поддерживаемые функции

В настоящее время настройки, сочетания клавиш, расширения и язык отображения синхронизированы, но мы планируем добавить больше. Вы можете просмотреть наш список предлагаемых функций синхронизации настроек .

Настройки машины (с машинными или машинно-заменяемыми областями) не синхронизируются по умолчанию. Вы также можете добавить или удалить настройки, которые вы хотите в этот список, из редактора настроек или с помощью настройки sync.ignoredSettings .

Горячие клавиши по умолчанию синхронизируются для каждой платформы. Если ваши сочетания клавиш не зависят от платформы, вы можете синхронизировать их между платформами, отключив настройку sync.keybindingsPerPlatform .

Все встроенные и установленные расширения синхронизируются вместе с их глобальным состоянием включения. Вы можете пропустить синхронизацию расширения из просмотра расширений или с помощью настройки sync.ignoredExtensions .

Активность синхронизации настроек можно отслеживать в окне вывода журнала (синхронизации) . Все локальные настройки сохраняются на диске за последние 30 дней (не менее 10) всякий раз, когда они изменяются во время синхронизации. Вы можете использовать команду Sync: Open Local Backups Folder, чтобы перейти в место резервных копий и сохранить свои старые настройки.

(и несколько гифок по ссылке на примечание к выпуску)

Обратите внимание, что работает через вашу учетную запись Microsoft , а не через github (до версии 1.45 - см. Вверху):

Синхронизация настроек использует учетную запись Microsoft для хранения настроек VS Code для синхронизации, и поэтому вам потребуется учетная запись для ее использования. См. Документацию по синхронизации настроек для получения дополнительной информации и помощи.

Недавно я занялся тщательным исследованием VS Code и сделал несколько интересных находок. Как оказалось, в редакторе есть довольно много возможностей и настроек, позволяющих отлично решать те же задачи, которые решают многие популярные расширения.

Здесь речь пойдёт о шести сферах применения расширений, в которых эти расширения могут быть заменены стандартными механизмами VS Code.

1. Автоматическое переименование и закрытие тегов

Речь идёт о двух возможностях. Во-первых — это возможность одновременного переименования открывающих и закрывающих тегов. Во-вторых — возможность автоматического закрытия тегов.

Автоматическое переименование открывающего и закрывающего тегов

▍Расширения

(3,3 миллиона загрузок): автоматически переименовывает парные HTML/XML-теги, так же, как это делается в Visual Studio IDE. (3,1 миллиона загрузок): автоматически закрывает HTML/XML-теги, так же, как это делается в Visual Studio IDE или в Sublime Text.

▍Возможности VS Code

Соответствующая настройка в VS Code имеет несколько нечёткое и непонятное название. Наверное, именно поэтому многие люди не могут её найти.

Editor: Rename on Type : управляет автоматическим переименованием парных тегов при вводе кода. Значение по умолчанию — false .

Для включения этой возможности надо добавить следующее в settings.json :

Пока поддерживаются только HTML-файлы, но в трекере проекта есть открытая задача, касающаяся поддержки JSX-файлов.

Сам VS Code вряд ли будет поддерживать подобное для Vue-файлов. Похожий механизм, вероятнее всего, будет реализован в расширении Vetur. В трекере этого проекта уже давно открыта соответствующая задача.

2. Синхронизация настроек

Теперь VS Code поддерживает синхронизацию настроек между разными компьютерами. Эта возможность доступна, начиная с предварительной версии VS Code 1.48 (июльский релиз 2020 года).

Я сейчас испытываю эту возможность и до сих пор ни с какими проблемами не столкнулся.

▍Расширение

(1,8 миллиона загрузок): синхронизирует настройки, клавиатурные сокращения, сниппеты, расширения, файлы launch.json и многое другое c GitHub Gist.

▍Возможности VS Code

Об этих возможностях можно почитать в документации к VS Code. Ниже показаны страницы с соответствующими настройками.

Настройки синхронизации

Для синхронизации можно пользоваться учётными записями Microsoft или GitHub, можно указывать то, что необходимо синхронизировать.

Выбор объектов, которые нужно синхронизировать

3. Управление импортом модулей

Управление импортом JavaScript- и TypeScript-модулей может представлять собой непростую задачу, особенно в том случае, если нужно реорганизовать проект или отрефакторить код. Разработчики стремятся, по возможности, это автоматизировать.

▍Расширения

(1,1 миллиона загрузок): автоматически находит и разбирает команды импорта модулей, предоставляет механизмы автозавершения кода и даёт возможность использовать действия (Code Actions). Поддерживает TypeScript и TSX. (308 тысяч загрузок): наблюдает за перемещением TypeScript-файлов и поддерживает в актуальном состоянии связанные с ними команды импорта в пределах рабочего пространства. (157 тысяч загрузок).

▍Возможности VS Code

JavaScript > Suggest: Auto Imports : позволяет включать и выключать предложения по автоматическому импорту. Требует использования в рабочем пространстве TypeScript начиная с версии 2.6.1. Значение по умолчанию — true .
TypeScript > Suggest: Auto Imports : позволяет включать и выключать предложения по автоматическому импорту. Требует использования в рабочем пространстве TypeScript начиная с версии 2.6.1. Значение по умолчанию — true .
JavaScript > Update Imports on File Move: Enabled : позволяет выбирать способ автоматического обновления путей импорта модулей при переименовании или перемещении файлов в VS Code. Требует использования в рабочем пространстве TypeScript начиная с версии 2.9. Значение по умолчанию — prompt .
TypeScript > Update Imports on File Move: Enabled : позволяет выбирать способ автоматического обновления путей импорта модулей при переименовании или перемещении файлов в VS Code. Требует использования в рабочем пространстве TypeScript начиная с версии 2.9. Значение по умолчанию — prompt .

Кроме того, если вы хотите упорядочивать команды импорта при сохранении файлов, вам понадобится следующая настройка:

Её использование приводит к удалению неиспользуемых инструкций импорта и к размещению команд импорта таким образом, чтобы сначала шли бы команды, в которых используются абсолютные пути. Я — большой любитель таких механизмов, о которых можно попросту забыть, однажды настроив их.

4. HTML- и CSS-сниппеты

Возможно, вы решите, что вам пригодилось бы следующее:

Использование HTML-шаблонов, которые позволяют быстро создавать стандартные элементы описания страниц.
Создание хранилища часто используемых фрагментов кода, использование которого позволяет экономить время.
Сокращённые способы описания больших блоков кода.

▍Расширения

(3,8 миллиона загрузок): полные HTML-теги, включая HTML5-сниппеты. (684 тысячи загрузок): простой генератор шаблонного HTML5-кода. (22 тысячи загрузок): коллекция CSS-сниппетов.

▍Возможности VS Code

В VS Code встроен набор инструментов Emmet. Эти инструменты предлагают возможности по работе с сокращениями и сниппетами для HTML и CSS. Emmet включен по умолчанию для следующих файлов: html , haml , pug , slim , jsx , xml , xsl , css , scss , sass , less и stylus . Подробности об этом можно узнать в документации по VS Code.

Например, для того чтобы добавить в файл шаблонную HTML-разметку страницы, достаточно ввести восклицательный знак ( ! ) и нажать клавишу Tab .

Добавление шаблонного HTML-кода в файл

Emmet поддерживает и сокращения, позволяющие вставлять в документы группы элементов. Их устройство напоминает CSS-селекторы.

Например, введём в HTML-файле такую конструкцию:

Нажмём клавишу Tab . Эта конструкция будет преобразована в следующий код:

Если ввести в редакторе a и нажать на Tab , то в код будет вставлена конструкция <a href=""> , а курсор будет размещён внутри кавычек, позволяя тут же ввести значение атрибута href .

Это — лишь очень краткий рассказ о возможностях Emmet в сфере HTML. VS Code предлагает похожие возможности и для CSS. Среди этих возможностей мне больше всего нравится автоматическое добавление префиксов производителей браузеров. Подробности об Emmet вы можете найти в документации к этому набору инструментов. Кроме того, вам может пригодиться эта шпаргалка по Emmet.

Настраивать имеющиеся сниппеты и создавать собственные можно, редактируя файл snippets.json .

Emmet поддерживает не только обычные HTML и CSS. Например, чтобы пользоваться Emmet при создании Vue-приложений и при написании JavaScript-кода, в settings.json нужно добавить следующее:

Если вы хотите включить поддержку Emmet для markdown, то вам следует знать об одной особенности (или, скорее, об ошибке). Она заключается в том, что для этого вам нужно, чтобы в emmet.excludeLanguages был бы записан пустой массив:

5. Шаблонный текст

Возможно, вам, в ходе работы над страницей, понадобится заполнить её шаблонным текстом. Делают это обычно для того чтобы оценить внешний вид страницы, на которой имеется какое-то содержимое. В роли такого текста часто используется знаменитый «Lorem ipsum». Существуют расширения, позволяющие генерировать подобный текст, но соответствующие возможности есть и в VS Code.

▍Расширение

▍Возможности VS Code

Выше мы уже говорили о том, что в VS Code встроен набор инструментов Emmet. В Emmet имеется сокращение, позволяющее генерировать шаблонный текст. Для того чтобы им воспользоваться, достаточно ввести lorem и нажать на клавишу Tab . Благодаря этому будет автоматически сгенерирован абзац, состоящий из 30 слов.

Ввод сокращения lorem

Это сокращение можно использовать не только при создании одного абзаца текста, но и, например, для генерирования нескольких блоков каких-то элементов. Скажем, конструкция p*2>lorem приведёт к созданию двух элементов <p> , заполненных шаблонным текстом:

6. Автоматическое удаление хвостовых пробелов

Обычно соответствующие расширения убирают ненужные пробелы в конце строк либо в процессе редактирования кода, либо по команде. А те настройки VS Code, которыми я предлагаю воспользоваться вместо подобных расширений, рассчитаны на удаление пробелов при сохранении файлов.

▍Расширения

(447 тысяч загрузок): позволяет выделять и удалять хвостовые пробелы. (15 тысяч загрузок): в описании к этому расширению сказано следующее: «Хвостовые пробелы часто появляются после редактирования кода, после удаления конструкций, находящихся в концах строк, после выполнения других подобных действий. Это расширение наблюдает за процессом редактирования кода, оно запоминает номер строки, в которой находится активный курсор. После того, как в этой строке больше не будет активного курсора, оно удалит из неё хвостовые знаки табуляции и пробелы».

▍Возможности VS Code

Files : Trim Trailing Whitespace : когда эта возможность включена, она будет убирать хвостовые пробелы при сохранении файлов. Значение по умолчанию — false .

Итоги

Прежде чем вы, столкнувшись с необходимостью решения какой-то задачи в VS Code, приступите к поиску подходящего расширения, выясните, есть ли средство для решения вашей задачи среди стандартных возможностей VS Code. Это кажется совершенно очевидным, но мы все, вероятно, иногда поступали с точностью до наоборот. Новые возможности появляются в VS Code регулярно, поэтому время от времени рекомендуется заглядывать в журнал изменений, внесённых в этот редактор.

Стремитесь ли вы всегда, когда это возможно, пользоваться стандартными возможностями VS Code, а не расширениями?

Я хотел бы иметь возможность каким-то образом синхронизировать свои пользовательские настройки VS Code (Файл> Настройки> Настройки пользователя) с облаком, чтобы я мог легко делиться ими между несколькими установками, как в Windows 10 и Visual Studio.

Обновление: теперь это встроенная функция в VS Code..

Используйте настройки рабочей области вместо пользовательских.

Другой способ сделать это - создать мягкую ссылку на ваши файлы, которые также можно сохранить в репозитории на GitHub. Например, в Mac OS предположим, что у вас есть каталог с именем

/dev/dotfiles/vscode . Допустим, там есть два файла с именами settings.json и keybindings.json . Вы можете связать эти файлы с помощью:

Я помещаю свой settings.json в файл конфигурации, который синхронизирую с git (хотя Dropbox также будет работать), и использую скрипт Python для символической привязки его к правильному местоположению для каждой платформы, поэтому обновление его из меню настроек синхронизируется на моих машинах . Для создания символических ссылок требуются права администратора в Windows.

Ага, вы можете попробовать мое расширение VSCode: Syncing.

Надеюсь, вам понравится. :)

Краткое руководство

Получите свой GitHub Personal Access Token :

Войдите на свою страницу GitHub Settings .

Выберите вкладку Personal access tokens и нажмите Generate new token .

Выберите gist и нажмите Generate token .

Скопируйте и сделайте резервную копию вашего токена

Синхронизируйте свои настройки:

Syncing запросит необходимую информацию for the first time и save for later use .

Загрузить :

Введите upload в VSCode Command Palette .

Введите свой GitHub Personal Access Token .

Введите свой Gist ID (или leave it blank для автоматического создания).

После загрузки вы можете найти свои настройки и соответствующий Gist ID в своем GitHub Gist .

Загрузить :

Введите download в VSCode Command Palette .

Введите свой GitHub Personal Access Token (или leave it blank , если вы хотите скачать из общедоступного Gist)

Введите свой Gist ID (или public Gist ID ).

Например, в Windows пользовательские настройки расположены в %APPDATA%\Code\User , поэтому вы можете ввести:

mklink /H /J X:\Your\Sync\Dir %APPDATA%\Code\User

На своих компьютерах с Visual Studio Code для синхронизации.

Затем на другом компьютере вы можете удалить папку %APPDATA%\Code\User и ввести:

Читайте также: