Brackets 1.14.2 на русском для windows 10

Как пользоваться

Мы составили инструкцию по установке и использованию ПО.

Загрузка и установка

1. Прокрутите страницу вниз и нажмите на кнопку скачивания. Распакуйте архив на жесткий диск, и запустите инсталлятор двойным кликом ЛКМ.

1. Выберите папку, в которой будут располагаться файлы программы.

1. Подождите некоторое время, пока шкала инсталляции заполнится до конца.

Инструкция по работе

В интерфейсе и функционале легко разберется любитель или профессионал в сфере программирования. Новичкам рекомендуется ознакомиться с видеоуроками или пройти специальные курсы.

Вместе с этим смотрят: Библиотека jQuery 3.5.1

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

Стандартная рабочая сессия в приложении Brackets выглядит следующим образом:

1. Запуск программы и создание файла с кодом. Также поддерживается редактирование ранее созданных файлов.
2. Внесение необходимых корректив с помощью синтаксиса языка и встроенных инструментов.
3. Тестирование страницы посредством запуска в браузере Google Chrome. Сохранение файла с кодом программы.

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

Чем хорош редактор кода Brackets

Brackets можно смело отнести к лучшим редакторам кода на сегодняшний день. Ведь чем пользуется большинство? Да, многим, как и мне, нравится Sublime Text. Так вот, Brackets – это и есть практически полный его аналог, но лишенный его недостатков. Вот некоторые положительные отличия редактора Brackets:

• Русскоязычный интерфейс, да и другие языки тоже имеются. В Sublime всё на английском – это не критично, но всё-таки создаёт дискомфорт.
• Простая установка плагинов и тем оформления. Sublime Text в этом плане немного заморочен, а в Brackets это реализовано более удобно. К тому же, перед установкой плагина можно почитать его краткое описание.
• Предпросмотр результата в браузере встроен. Вы пишете код, и тут же видите изменения в браузере. Мало того, ткнув по какому-нибудь элементу в браузере, тут же попадаете в соответствующее место в коде. Прямая связь без танцев с бубном, как в Sublime Text – не надо ставить дополнительные сервера и прочее.
• Редактор Brackets создан компанией Adobe, распространяется и поддерживается большим сообществом. То есть постоянно развивается и улучшается.
• Наконец, Brackets сам написан на HTML, CSS и JavaScript, а потому прекрасно работает не только на Windows, но и на Mac, и на Linux.

Конечно, трудно назвать прямо-таки большие преимущества Brackets перед Sublime Text, но в плане удобства он явно выигрывает. В остальном точно не хуже. Еще несколько лет назад он был не очень стабильным, но теперь и с этим всё в порядке.

Минусов я, честно говоря, не нашёл. Да, сначала он выглядит простовато и не очень отличается от обычного блокнота, но все неудобства устраняются за 5 секунд установкой пары расширений. Это неплохое решение – можно всё настроить под свои потребности. Изначально всё идёт по минимуму.

Интерфейс

При первом запуске вы увидите окно редактора кода примерно в таком виде:

Здесь всё понятно, но на всякий случай поясню:

1. Меню – стандартное.
2. Панель проектов – сюда можно перетащить папку с проектом и видеть все файлы и вложенные папки в ней. При необходимости любой можно выбрать и редактировать. На скриншоте открыт пример страницы, идущий в комплекте с программой – как бы краткое описание программы.
3. Окно редактирования – здесь можно открыть один файл, например, страницу на html.
4. Еще одно окно редактирования – здесь можно открыть еще один файл, например, стили CSS. Количество и положение этих окон можно менять в меню «Вид».
5. Кнопка Live Preview – удобная функция, запускающая редактируемую страницу в браузере Chrome. Все изменения на ней будут видны сразу же, в реальном времени.
6. Кнопка установки расширений. На скриншоте её нет, потому что я запустил Brackets с отключенными расширениями, чтобы показать его в первозданном виде. У вас там будет кнопка, которая открывает библиотеку плагинов и тем оформления, которые можно установить или удалить.

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

Helping Brackets

I found a bug!

If you found a repeatable bug, and troubleshooting
tips didn’t help, then be sure to search existing issues first.
Include steps to consistently reproduce the problem, actual vs. expected results, screenshots, and your OS and
Brackets version number. Disable all extensions to verify the issue is a core Brackets bug.
Read more guidelines for filing good bugs.

I want to help with the code!

Awesome! There are lots of ways you can help. First read
CONTRIBUTING.md,
then learn how to pull the repo and hack on Brackets.

The text editor inside Brackets is based on
CodeMirror—thanks to Marijn for
taking our pull requests, implementing feature requests and fixing bugs! See
Notes on CodeMirror
for info on how we’re using CodeMirror.

Although Brackets is built in HTML/CSS/JS, it currently runs as a desktop
application in a thin native shell, so that it can access your local files.
(If you just try to open the index.html file in a browser, it won’t work yet.)
The native shell for Brackets lives in a separate repo,
adobe/brackets-shell.

Возможности

Многие пользователи интересуются, стоит ли браться за Brackets, либо же отдать предпочтение другим текстовым редакторам. На самом деле, все считают приложение тяжёлым в использовании и понимании, но это не так. Также, многие переживают по поводу встраиваемых плагинов, которых для альтернативных версий существует немного. Устанавливая Brackets, вы получаете следующий функционал:

• подсвечивание синтаксиса;
• плагин для работы с Google Chrome (при изменении кода в самом редакторе, вы автоматически получаете изменения в данном браузере);
• встроенные подсказки для работы с файлами HTML, CSS, JavaScript.

System Requirements Needed To Run Brackets

Keep in mind that there are different system requirements based on the operating system you would like to install brackets on. If you are installing brackets for windows, you should ensure you have at least the Pentium 4 Intel Processor, a Windows 7 or Windows 8 operating system, as well as a total of 256 MB with the RAM memory. It is recommended that you have at least 2 GB of RAM available for live development. In terms of space, you’re only going to need 200 MB for brackets. On the other hand, brackets for Mac will require at least Mac OS v10.6, v10.7 or v10.8 in addition to the requirements Windows users have. As you can see, brackets is very easy to install and will not demand a lot from your machine.

Useful Extensions To Consider Adding To Your Brackets Editor

• For one, you are going to want to install the canIuse extension. This is very important for developers working on projects that are supposed to work across multiple platforms, or be supported by different web browsers. Now you can scan your code and check if it’s currently compatible with all of the major browsers, as well as iOS or Android operating systems. Considering you would have to manually research all of this information, having it highlighted for you to see without even having to leave brackets is extremely useful.
• You also may want to use HTML Skeleton. This will let you have brackets automatically create a boilerplate template for your HTML code. All of the tags that need to be in your code for HTML to run will be automatically inserted, thus saving you a lot of time you would’ve otherwise had to do yourself manually each time you are creating something using HTML.
• Although this is primarily a visual extension, Brackets Icons is still a very useful extension to consider. It’s going to recognize different files you worked on and allow you to distinguish them by visual cues. This will make it much easier for you to locate whatever file you want to work on, as it might get a little cluttered in the vanilla version.
• If you are all about that efficiency and want to make your coding time is short as you possibly can, get your hands on the Emmet extension. This is a scripted extension that introduces a large number of keyboard shortcuts that can help you automate your HTML and CSS authoring and make it much faster.

As you can see, there are a lot of things that make brackets a very good choice for aspiring front-end developers. The amount of customization it offers is amazing it can be all yours for a small price of free! There is really no reason not to use this to your advantage. With brackets continuing to receive frequent updates and so much user submitted content you can use to further enhance and optimize your experience, this is a solid pick no matter which platform you are going to develop for.

Brackets

Содержание сайта

Редакторы кода

Обзор программ л.9

Brackets

На рисунке — Brackets v 1.2 (2012 — 2020 гг). Интерфейс на русском языке. Вес 97,9 Мб. Работает в системах Mac, Windows и Linux. Автор — Adobe. Последние версии: Brackets v 1.13 (2018 г, июнь). Новое: Организация файлов / папок в дереве файлов и другое. Brackets v 1.14 (2019 г, май). Новое: Обеспечение поддержки Language Server Protocol (LSP), что открывает множество возможностей для разработчиков для поддержки таких языков, как PHP, Python и другие. И включает такие функции, как завершение кода, диагностика, переход к определению и многое другое. При написании PHP-кода в скобках вы можете воспользоваться подсказками кода, подсказками параметров функций, переходом к определению, документами и символами проекта, найти ссылки и диагностику. И другое.

Brackets представляет из себя редактор с открытым исходным кодом. Предназначен для создания веб-приложений. Это редактор кода общего назначения и предназначен для людей, владеющих языками программирования. Имеет множество расширений, которые можно загрузить с сайта программы. Как заявляют создатели Brackets, их цель — создать лучший редактор кода для JavaScript, HTML и CSS и связанных с ними открытых веб-технологий.

Редактор написан на JavaScript, HTML и CSS. Это означает, что большинство пользователей Brackets, которые имеют навыки, могут сделать доработки и расширения редактора.

В редакторе нет необходимости переключения между документами HTML и CSS — их можно поставить одновременно в окне программы. Также возможно быстрое редактирование правил CSS при установке курсора в любом теге html.

Обычно для просмотра страницы в браузере нужно предварительное сохранение файла. С Brackets это не нужно. Brackets откроет прямое соединение с вашим локальным браузером и направит ваши изменения CSS, как только вы их напечатаете! Вы, возможно, уже делали что-то подобное с инструментами, встроенными в браузер, но с Brackets больше нет нужды копировать и вставлять финальный CSS обратно в редактор. Ваш код запускается в браузере, но живет в вашем редакторе!

Сегодня, Brackets поддерживает Интерактивный Просмотр только для CSS. Сейчас мы работаем над поддержкой Интерактивного Просмотра для HTML и JavaScript. В текущей версии вы не увидите изменений в вашем HTML- или JavaScript-файле до тех пор, пока не сохраните документ. Интерактивный Просмотр работает только с Google Chrome. Но в будушем мы планируем добавить эту возможность для всех основных браузеров.

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

Для тех из нас, кто до сих пор не запомнил значения цветов для HEX или RGB, Brackets позволяет быстро и просто посмотреть напрямую, какой цвет используется. В любом CSS- или HTML-файле, просто наведите курсор на значение цвета или градиента и Brackets автоматически отобразит этот цвет/градиент. То же самое и с изображениями: просто наведите курсор на ссылку с изображением в редакторе и Brackets выведет миниатюру этого изображения.

В качестве редактора html-страниц Brackets может использоваться теми, кто предпочитает работать с кодом.

Подробнее о Brackets Видео-обзор Документация по Brackets

Вернуться к обзору

Последнее обновление: декабрь 2020 г.

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

Modules (188)

• brackets
• dependencies
• main
• strings
• xorigin

command

• CommandManager
• Commands
• DefaultMenus
• KeyBindingManager
• Menus

document

• ChangedDocumentTracker
• Document
• DocumentCommandHandlers
• DocumentManager
• InMemoryFile
• TextRange

editor

• CodeHintList
• CodeHintManager
• CSSInlineEditor
• Editor
• EditorCommandHandlers
• EditorManager
• EditorOptionHandlers
• EditorStatusBar
• ImageViewer
• InlineTextEditor
• InlineWidget
• MultiRangeInlineEditor

extensibility

• ExtensionManager
• ExtensionManagerDialog
• ExtensionManagerView
• ExtensionManagerViewModel
• InstallExtensionDialog
• Package
• registry_utils

file

FileUtils

filesystem

• Directory
• File
• FileIndex
• FileSystem
• FileSystemEntry
• FileSystemError
• FileSystemStats
• WatchedRoot

filesystem/impls/appshell

AppshellFileSystem

filesystem/impls/appshell/node

• ChokidarWatcher
• CSharpWatcher
• FileWatcherDomain
• FileWatcherManager

help

HelpCommandHandlers

JSUtils

• HintUtils
• MessageIds
• Preferences
• ScopeManager
• Session

JSUtils/node

• ExtractFileContent
• TernNodeDomain

language

• CodeInspection
• CSSUtils
• HTMLDOMDiff
• HTMLInstrumentation
• HTMLSimpleDOM
• HTMLTokenizer
• HTMLUtils
• JSONUtils
• JSUtils
• LanguageManager
• XMLUtils

LiveDevelopment/Agents

• ConsoleAgent
• CSSAgent
• DOMAgent
• DOMHelpers
• DOMNode
• EditAgent
• GotoAgent
• HighlightAgent
• NetworkAgent
• RemoteAgent
• RemoteFunctions
• ScriptAgent

LiveDevelopment/Documents

• CSSDocument
• CSSPreprocessorDocument
• HTMLDocument
• JSDocument

LiveDevelopment/Inspector

Inspector

LiveDevelopment

• LiveDevelopment
• LiveDevelopmentUtils
• LiveDevMultiBrowser
• LiveDevServerManager
• main

LiveDevelopment/MultiBrowserImpl/documents

• LiveCSSDocument
• LiveDocument
• LiveHTMLDocument

LiveDevelopment/MultiBrowserImpl/language

• HTMLInstrumentation
• HTMLSimpleDOM

LiveDevelopment/MultiBrowserImpl/launchers

Launcher

LiveDevelopment/MultiBrowserImpl/launchers/node

LauncherDomain

LiveDevelopment/MultiBrowserImpl/protocol

LiveDevProtocol

LiveDevelopment/MultiBrowserImpl/protocol/remote

• DocumentObserver
• LiveDevProtocolRemote

LiveDevelopment/MultiBrowserImpl/transports/node

NodeSocketTransportDomain

LiveDevelopment/MultiBrowserImpl/transports

NodeSocketTransport

LiveDevelopment/MultiBrowserImpl/transports/remote

NodeSocketTransportRemote

LiveDevelopment/Servers

• BaseServer
• FileServer
• UserServer

LiveDevelopment/transports/node

WebSocketTransportDomain

LiveDevelopment/transports

WebSocketTransport

preferences

• PreferencesBase
• PreferencesDialogs
• PreferencesImpl
• PreferencesManager

project

• FileSyncManager
• FileTreeView
• FileTreeViewModel
• FileViewController
• ProjectManager
• ProjectModel
• SidebarView
• WorkingSetSort
• WorkingSetView

search

• FileFilters
• FindBar
• FindInFiles
• FindInFilesUI
• FindReplace
• FindUtils
• QuickOpen
• QuickOpenHelper
• QuickSearchField
• ScrollTrackMarkers
• SearchModel
• SearchResultsView

search/node

FindInFilesDomain

utils

• AnimationUtils
• AppInit
• Async
• BuildInfoUtils
• ColorUtils
• Compatibility
• DeprecationWarning
• DragAndDrop
• DropdownEventHandler
• EventDispatcher
• ExtensionLoader
• ExtensionUtils
• Global
• HealthLogger
• KeyEvent
• LocalizationUtils
• NativeApp
• NodeConnection
• NodeDomain
• PerfUtils
• Resizer
• ShellAPI
• StringMatch
• StringUtils
• TokenUtils
• UpdateNotification
• UrlParams
• ValidationUtils
• ViewUtils

view

• MainViewFactory
• MainViewManager
• Pane
• ThemeManager
• ThemeSettings
• ThemeView
• ViewCommandHandlers
• ViewStateManager
• WorkspaceManager

widgets

• bootstrap-alerts
• bootstrap-button
• bootstrap-dropdown
• bootstrap-modal
• bootstrap-popover
• bootstrap-scrollspy
• bootstrap-tab
• bootstrap-tooltip
• bootstrap-twipsy-mod
• DefaultDialogs
• Dialogs
• DropdownButton
• InlineMenu
• ModalBar
• PopUpManager
• StatusBar

A modern text editor for developers

Brackets is an open-source, modern text editor crafted for web developers and front-end developers. This app simplifies the process of coding, allowing coders to share their work through various platforms. It is a lightweight yet powerful development tool that blends visual tools into the editor so you can get the help that you want without limiting your creative process. 

What are Brackets used for?

The Brackets app has been specifically designed for working in HTML, CSS, and JavaScript. It comes with a crisp, clean interface to make sure that tools wouldn’t get in your way. It has a Quick Edit UI, which puts context-specific code and tools inline instead of cluttering up your coding environment. The app also boasts its Live Preview function, a really useful feature that works directly with your browser so that you can push code edits instantly. 

This feature syncs Brackets with your browser, allowing you to jump back and forth between the real source code and the browser view. If you wish to work on the CSS that applies to a specific ID, you can possibly do so using this text editor software. You only have to put your mouse cursor in that ID and push Command/CTRL + E. 

The app will then show you all the CSS selectors with that ID in an inline window. That way, you can work on your code side-by-side without any popups.  It works with preprocessors in a new way, as well. It allows you to use Quick Edit and Live Highlight with LESS and SCSS files making working with them easier.

Feature-packed text editor

Brackets is a solid editor which has everything you need when you work with files and directories as well as creating new files. Its code completion features let you quickly assemble apps without even knowing the exact syntax. Should you need assistance with code syntax and code options, the Quick Edit option will provide help along the way. In addition to providing you a simple workspace for your coding tasks, the app offers other features that will help you complete your job easily. 

Among the list of reliable tooling it provides are the parameter hints, which include linting, jump to definition, auto-update bug fixes, and update notification targeted to specific platforms. The app also comes with language server protocol supports and PHP tooling support. Furthermore, the app comes with a strong extension framework. It has an extension manager which allows you to browse and install numerous extensions depending on your needs. 

To locate the extension manager, simply go to the File menu or click the icon in the upper right corner of the main interface. This program solution is a project made by a community of web developers. And since it is open-source, it allows other users to make modifications to make it even better. In fact, the app updates its system on a monthly basis to make encoding faster and easier. 

Time to get coding

Overall, Brackets is a great tool; it is a pleasure to code in. Its open-source capabilities and feature-rich design is a great help for various developers. The app also comes with a user-friendly interface and various extension options to cater to your needs. The only real downside of using the app is that its installation can take ages and may likely test your patience. However, once you get past that hurdle, you will find that the app is exactly what you are looking for.

Особенности редактора Brackets

В редакторе Brackets есть некоторые фишки, которых нет даже в Sublime Text. Но они очень удобны, к ним быстро привыкаешь… Вот некоторые:

• Live Preview – это отображение страницы в браузере, как я уже говорил. Браузер Chrome надо установить заранее, если его нет. Хотя в меню «Файл» есть пункт «Enable Experimental Live Preview». Если его включить, то страница будет открываться в браузере, который у вас используется по умолчанию. Но это экспериментальная пока функция, пользуйтесь Хромом. Вот здесь очень удобно пользоваться двумя мониторами – на одном открыть редактор, а на другом браузер, и сразу видеть, что получается.
• Подсветка кода – когда включен Live Preview, можно мышкой выбирать в браузере разные элементы, а в редакторе тут же происходит перемещение к нужному месту кода. Наоборот тоже работает – в браузере подсвечивается элемент, который выбран в редакторе. Хотя подсветку в браузере можно отключить, если мешает.
• Быстрый редактор стилей – если в коде html поставить курсор на какой-нибудь класс и нажать клавиши Ctrl+E, под строкой откроется окошко, в котором будут выведены стили для этого класса. Их можно тут же поправить, а то и создать новые, и закрыть клавишей ESC. Это гораздо быстрее и удобнее, чем искать нужные классы по файлам CSS.

Быстрый редактор стилей в Brackets.

Подсказка картинок и цветов при наведении. Если просто навести мышку на код какого-нибудь цвета, появляется всплывающее окно с этим цветом. Так же если навести на ссылку изображения – его сразу видно.

Подсказка изображений. Также показывается цвет при наведении мышки на его обозначение.

Это работает сразу, из коробки. Ну а другие полезные вещи можно добавить самостоятельно, на свой вкус и цвет.

Настройка и установка расширений

Когда вы только установили редактор, он не очень хорош. Мне, например, не нравится белый фон для кода – слишком режет глаза при долгой работе. Не зря же многие программисты предпочитают тёмный фон, на нём от кода ничего не отвлекает и глазам комфортнее.

Редактор кода Brackets имеет множество готовых тем, которые можно установить. Найти их можно в меню «Вид» — «Themes». Сначала у вас там всего две темы – светлая и темная. Первая включена сразу, а темную можно выбрать при желании.

Выбор и настройка темы оформления в Brackets.

У меня, как видите на скриншоте, используется тёмная тема «Tomorrow Night Bright» — я пересмотрел разные, эта мне больше понравилась. Также здесь можете изменить размер шрифта и сам шрифт. Кстати, тёмная тема от Sublime Text с красными буковками называется Monokai+, и если вас мучает ностальгия, можете её установить. Но есть и получше.

Это чисто визуальная настройка редактора Brackets. Теперь посмотрим, где брать другие темы и расширения. Для этого на правой панели есть кнопка «Менеджер расширений» — можно нажать её или перейти в меню «Файл» — «Менеджер расширений». Откроется вот такое окно:

Окно установки расширений.

Программа запросит доступ в интернет – разрешите, иначе она не сможет ничего себе скачать.

В этом окне есть 4 вкладки:

Доступные – расширения (плагины) для Brackets, которые можно установить. Они сделают работу гораздо удобнее.

Themes –здесь собраны темы оформления, которые тоже можно скачать. Включить их можно путём выбора в списке, как на скриншоте чуть выше.

Установленные – здесь показаны только те расширения и темы, которые уже установлены. Здесь их удобно отключать или удалять.

Default – здесь показан список всех тем и расширений, но особо выделены те, что были сразу, и отдельно – самостоятельно установленные. Здесь тоже удобно удалять лишнее.

Других настроек обычно не требуется – устанавливайте темы и расширения, которые нужны и пользуйтесь. Около каждого есть ссылка «Подробнее…», по которой вы попадете на страницу разработчика – там обычно есть краткое описание и инструкция. Темы тоже так удобно выбирать – разработчики выкладывают скриншоты, а понравившиеся можно установить и посмотреть «живьём».

Какие выгоды несет решение скачать Брэкетс?

• Наличие многофункционального поиска;
• Автоматические подсказки в процессе работы;
• Проведение сравнения файлов с максимальным удобством;
• Программа расширяет свой функционал благодаря плагинам;
• Код можно редактировать в режиме life.

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

Таким образом, можно сделать вывод, что компания Adobe создала действительно качественный продукт, который является востребованным на соответствующем рынке. Он постоянно дополняется новыми удобными инструментами и механизмами. Любой пользователь, получивший данную программу, убедится лично в её удобстве и уровне приносимой пользы.

Features and limitations

You can find some samples of features here.

Currently Brackets-Git supports these features (this list may be incomplete as we add new features regularly):

• / / /
• / / branches
• / / remotes
• / commits
• show commit history
• manage different Git settings

A comprehensive list of Brackets-Git features is available reading the .
Most of the features available are configurable and it’s possible to enable and disable them selectively.
If you can’t find the feature you were looking for, feel free to open an issue with your idea(s).

Pull/Push to password protected repositories:
Push/Pull from and to password protected repositories is partially supported, currently it works only with / repositories.

The Git Credential Manager for Windows (GCM) is recommended to manage password protected repositories, Brackets-Git will eventually provide better support for them.
You’ll need to push manually the first time to setup your username/password into the credentials helper.

Working with SSH repositories:
SSH protocol is currently a bit more difficult, so you’ll have to use command line or try to follow these tips:

• Linux

  See help.github.com/articles/generating-ssh-keys/

• Mac OSX

  • Enter a passphrase or alternatively hit twice if you don’t want a passphrase

  • Pay attention to this line the *.pub is what you want here, take note that the names may vary.

  • Now start the SSH agent Which should give you output like this

  • Next type

  • Next we want to copy the SSH key into your clipboard, there are two ways of doing this.

    • Method #1 type into Terminal taking note of before that «Your file» is named . If it is not, change it to whatever yours may be called. That’s it proceed to next step.
    • Method #2 if for some reason you can’t do method #1 this is your alternative. Find the key or otherwise key and open it with a text editor, copy the whole key including email into your clipboard (command + c). That’s it.

  • DO NOT DELETE THE FILE!

  • Now we add the to the authorized_keys onto the git server (GitHub website).

    • Login to GitHub
    • Click your avatar -> Settings on the top right corner
    • Click the left hand side menu ->
    • Input the name of this key, in my instance I named it
    • Paste your key with (command + c) or right click Paste
    • Click and you’re done (NOTE: You may be asked for a password)

  • Now to test if everything is Working In Terminal Type after the $ Type And close.

  • If it does not connect, check your Internet and that you have not missed a step 🙂

• Windows (Go to point 3 if you have already a RSA key already generated)

  • Create a ssh pair key with PuttyGen RSA with 2048 bytes. Don’t add any password. Save the PPK and upload the public key to the git server.
  • Add the PPK key to the Putty agent.
  • ONLY IF YOU HAVE A RSA Key already from the server. You need to convert the private key to PPK. With PuttyGen load the sshkeyfilename (this file comes without extension, after loaded save it as private key. After that load this key in Putty Agent.
  • Insert (if not already) the pub key to the server inside the folder . (edit with the file and paste the pub key content on the file.)
  • Putty manage the private keys with a SSH agent always present in the task bar.