Рубрики
Без рубрики

Как Jazz Up твой терминал Bash – пошаговое руководство с картинками

Раджараодомв В этом блоге я пойду на шаги, чтобы добавить темы, PowerLine, fonts и powerline-gitstatus, чтобы сделать ваш обычный терминал Bash выглядеть красивым и полезным, как показано на рисунке выше. Оказывается, если вы используете Mac, вам нужно будет прыгать через много

Автор оригинала: FreeCodeCamp Community Member.

Раджараодомв

В этом блоге я пойду на шаги, чтобы добавить темы, PowerLine, fonts и powerline-gitstatus, чтобы сделать ваш обычный терминал Bash выглядеть красивым и полезным, как показано на рисунке выше.

Оказывается, если вы используете Mac, вам нужно будет прыгать через множество обручей, чтобы получить эту работу, как многие инструкции для Linux, или устарели. Поэтому я думал, что я об этом блог – надеюсь, это поможет вам.

По умолчанию, по умолчанию, когда у вас есть новый Mac, ваш Terminal.app будет выглядеть что-то вроде ниже. Давайте пойдем вперед и добавим темы, шрифты и так далее.

Шаг 1 – Добавить новую тему

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

В этом блоге я добавлю солнечную темную тему на наш терминал.

  1. Перейти к http://thanschonover.com/solarized
  2. Прокрутите вниз и загрузите тему (Solarized.zip)
  3. Извлечь файл Solarized.zip
  4. Открыть OSX-Terminal.app-Colors-Solarized папка. Эта папка содержит тему для терминала.
  5. Дважды щелкните “Солнаризованная темная анси.terminal” Файл – Это определенный файл тема для Terminal.app. Примечание. Если вы получите предупреждение, что это из неопознанного разработчика, щелкните правой кнопкой мыши файл и выберите «Открыть с»> Terminal Opti на.
  6. На данный момент у вас есть тема, установленная в ваш терминал. Нам просто нужно сделать это темой по умолчанию.
  7. Откройте терминал> Предпочтения> Текст и выберите тему «Solarized Dark …» и нажмите «По умолчанию».

Отныне ваш терминал должен нравиться ниже.

Шаг 2 – Установить PowerLine

PowerLine – это приложение Python и является плагином строки состояния для VIM и предоставляет строки состояния и подсказки для нескольких других приложений, включая ZSH, Bash, Tmux, iPython, Awesome и qtile.

Это заставляет подсказку терминала выглядеть ниже.

2.1 Установите Python

Поскольку Powerline – это приложение Python, нам нужно иметь Python и это слишком правильная версия Python.

  • Macos поставляется с Python установленным уже. Убедитесь, что версия Python 2.7.x, набрав Python -V в терминале.
  • Если это не 2.7, установите Домашний вид Это позволяет нам установить различное программное обеспечение из CLI, запустив: /usr/bin/ruby -e "$ (curl -fssl https://raw.githubusercontent.com/homebrew/install/master/install)"
  • Беги Brew Установить Python Чтобы установить последний Python через доморь

2.2 Установите PIP – менеджер пакета для Python (похоже на NPM)

Установите PIP, запустив следующую команду

$ sudo easy_install pip

2.3 Установите инструменты XCode Developer CLI

Инструменты CLI CLI XCODE используются Powerline и другими приложениями, которые управляют основными функциями OSX. Поэтому убедитесь, что установите инструменты XCode CLI, запустив следующую команду.

$ xcode-select –install

2.4 Установить PowerLine.

Наконец, установите PowerLine (стабильная версия) через PIP, запустив следующую команду.

$ pip install --user powerline-status

Если вы хотите установить последнюю филиал разработки, затем используйте:

$ pip install --user git+git://github.com/powerline/powerline  //dev

2.5 Добавьте демон PowerLine в Bash

Теперь нам нужно добавить демон PowerLine для Bash, чтобы он мог контролировать приглашение терминала и внести изменения.

2.5.1 Скопируйте место установки Powerline

Вы можете выяснить местоположение Powerline, выполнив следующее: PIP Показать PowerLine-status Скопируйте значение из Расположение поле.

2.5.2 Добавить демон с правильным местоположением в .bash_profile

  1. Убедитесь, что у вас есть .bash_profile Файл в вашем корневом каталоге. Если не следуя созданию одного, делая: CD ~ && Touch ~/.bash_profile

2. Открытым .bash_profile и добавьте следующее:

export PATH=$PATH:$HOME/Library/Python/2.7/bin
powerline-daemon -q
POWERLINE_BASH_CONTINUATION=1
POWERLINE_BASH_SELECT=1
. /Users/rupa/Library/Python/2.7/lib/python/site-packages/powerline/bindings/bash/powerline.sh

2.5.3. Перезапустите терминал

Полностью выйдите из терминала, если он открыт (терминал> Quit Terminal). И открыть его снова.

2.5.4 Ваш новый терминал

Ваш новый терминал должен выглядеть ниже. Он должен использовать тему «Солнаризованную темную ANSI» и должен показать PowerLine в командной строке. Но также обратите внимание, что есть “?” символы! Это связано с тем, что PowerLine использует различные значки и шрифты, которые по умолчанию не доступны. Поэтому нам нужно установить шрифты.

Шаг 3 – Установите шрифты Powerline

Чтобы установить шрифты Powerline, просто перейдите в https://github.com/powerline/fonts Отказ Там вы увидите целую кучу папок. Каждый из них является шрифтом, ака «исправленные шрифты».

3.1 Загрузите весь репо и расстегните его

  • Нажмите на кнопку «Клон или скачать» и загрузите весь репо Итак, вы попробуйте различные шрифты.
  • Расстегните шрифт-master.zip.

3.2 Установите некоторые шрифты

Давайте откроем Месло усеяна шрифты папка. Это будет выглядеть ниже. Вы увидите целую букет файла .ttf. Каждый из них – это шрифт, но некоторые являются «смелой» версией шрифта, некоторые являются «регулярной» версией и так далее.

Просто дважды щелкните файл .ttf и нажмите «Установить шрифт», чтобы установить шрифт на вашем компьютере.

Для нашего дела, давайте установимся «Meslo LG L Regival для PowerLine.ttf» и «Meslo LG L DZ курсив для PowerLine.ttf». Это добавит Регулярное и Италический Версия Meslo шрифт.

3.3 Выберите шрифт в теме терминала

Помните, что мы добавили «Солнаризованную темную» тему на шаге 1? У этого не было никаких шрифтов, и MacOS не имел несколько шрифтов по умолчанию. Все, что нам нужно сделать, это установить наши Месло усеяна Шрифт для этой темы, и мы сделаем!

  1. Откройте терминал> Предпочтения> Текст
  2. Выберите Солнаризованная темная анси Тема
  3. Нажмите на кнопку «шрифт» – это открывает диалог «шрифты»
  4. В диалоговом окне «Fonts» выберите «Meslo LG L DZ для Powerline» в семье, а также выберите размер шрифта 14 (так что легче читать).

3.4 Перезагрузить терминал

Полностью выйдите из терминала (терминал> Quit Terminal), а затем снова откройте.

Шаг 4 – Добавление информации о GIT к подсказке

Чтобы отобразить различный статус Git в подсказке, нам нужно установить Powerline-Gitstatus. . Это простое дополнение к PowerLine и добавляет несколько цветов и тем для отображения различной информации о состоянии GIT.

4.1 Установить PowerLine-Gitstatus

pip install --user powerline-gitstatus

4.2 Добавить цветовые схемы Powerline-Gitstatus в PowerLine

4.2.1 Открыть следующее Colorschemes/Shell/default.json папка

${powerline-install-directory}/powerline/config_files/colorschemes/shell/default.json

//For example:
/Users/rupa/Library/Python/2.7/lib/python/site-packages/powerline/config_files/colorschemes/shell/default.json

4.2.2 Добавьте следующие цвета:

Как уже упоминалось в Powerline-Gitstatus Readme Отказ PS: просто скопируйте цвета внутри «группы», а затем добавьте его к по умолчанию .JSON, как показано ниже.

Вот мои цветные схемы default.json (вы можете скопировать и вставить это вместо этого):

{
	"name": "Default color scheme for shell prompts",
	"groups": {
		"hostname": {
			"fg": "brightyellow",
			"bg": "mediumorange",
			"attrs": []
		},
		"environment": {
			"fg": "white",
			"bg": "darkestgreen",
			"attrs": []
		},
		"mode": {
			"fg": "darkestgreen",
			"bg": "brightgreen",
			"attrs": ["bold"]
		},
		"attached_clients": {
			"fg": "white",
			"bg": "darkestgreen",
			"attrs": []
		},

		"gitstatus": {
			"fg": "gray8",
			"bg": "gray2",
			"attrs": []
		},
		"gitstatus_branch": {
			"fg": "gray8",
			"bg": "gray2",
			"attrs": []
		},
		"gitstatus_branch_clean": {
			"fg": "green",
			"bg": "gray2",
			"attrs": []
		},
		"gitstatus_branch_dirty": {
			"fg": "gray8",
			"bg": "gray2",
			"attrs": []
		},
		"gitstatus_branch_detached": {
			"fg": "mediumpurple",
			"bg": "gray2",
			"attrs": []
		},
		"gitstatus_tag": {
			"fg": "darkcyan",
			"bg": "gray2",
			"attrs": []
		},
		"gitstatus_behind": {
			"fg": "gray10",
			"bg": "gray2",
			"attrs": []
		},
		"gitstatus_ahead": {
			"fg": "gray10",
			"bg": "gray2",
			"attrs": []
		},
		"gitstatus_staged": {
			"fg": "green",
			"bg": "gray2",
			"attrs": []
		},
		"gitstatus_unmerged": {
			"fg": "brightred",
			"bg": "gray2",
			"attrs": []
		},
		"gitstatus_changed": {
			"fg": "mediumorange",
			"bg": "gray2",
			"attrs": []
		},
		"gitstatus_untracked": {
			"fg": "brightestorange",
			"bg": "gray2",
			"attrs": []
		},
		"gitstatus_stashed": {
			"fg": "darkblue",
			"bg": "gray2",
			"attrs": []
		},
		"gitstatus:divider": {
			"fg": "gray8",
			"bg": "gray2",
			"attrs": []
		}
	},
	"mode_translations": {
		"vicmd": {
			"groups": {
				"mode": {
					"fg": "darkestcyan",
					"bg": "white",
					"attrs": ["bold"]
				}
			}
		}
	}
}

4.3 активировать Тема

4.3.1 Откройте файл Theme по умолчанию .json

${powerline-install-directory}/powerline/config_files/themes/shell/default.json

//For example:
/Users/rupa/Library/Python/2.7/lib/python/site-packages/powerline/config_files/themes/shell/default.json

4.3.2 Добавьте следующее на по умолчанию .JSON

{
    "function": "powerline_gitstatus.gitstatus",
    "priority": 40
}

Ниже приведен мою тему Powerline Default.json (вы можете скопировать и вставить это вместо этого):

{
	"segments": {
		"left": [{
				"function": "powerline.segments.shell.mode"
			},
			{
				"function": "powerline.segments.common.net.hostname",
				"priority": 10
			},
			{
				"function": "powerline.segments.common.env.user",
				"priority": 30
			},
			{
				"function": "powerline.segments.shell.cwd",
				"priority": 10
			}, {
				"function": "powerline_gitstatus.gitstatus",
				"priority": 40
			}
		],
		"right": []
	}
}

4.4 Перезагрузите демон

Сохраните файл и выполните следующее: Powerline-Daemon –replace в терминале.

4.5 Перезагрузите терминал

Выйдите из терминала (терминал> Quit Terminal) и откройте его снова.

На данный момент мы все сделаны! Whaw! Если вы откроете терминал, и перейдите к любому GIT REPO, и воспроизводите, он должен выглядеть следующее.

Вот как он смотрит в тему солнечного освещения:

Вот как это выглядит в Cobalt2 Тема :

?? Спасибо!

Если у вас есть вопросы, пожалуйста, не стесняйтесь спрашивать меня в Twitter: https://twitter.com/rajaraodv.

Если это было полезно, пожалуйста, нажмите на хлопок? Нажмите ниже несколько раз, чтобы показать вашу поддержку! ⬇⬇⬇ ??

Мои другие посты

https://medium.com/@rajaraodv/latest

Ecmascript 2015+

  1. Проверьте эти полезные советы и трюки Ecmascript 2015 (ES6)
  2. 5 JavaScript «плохие» части, которые фиксируются в ES6
  3. Это «класс» в ES6 новой «плохой» части?

Улучшения терминалов

  1. Как Jazz Up Ваш терминал – пошаговое руководство с картинками
  2. Джаз вверх твой “ZSH” терминал В семь шагов – визуальное руководство

Www.

  1. Увлекательная и грязная история Интернета и JavaScript

Виртуальный домос

  1. Внутренняя работа виртуального дома

Производительность реагирования

  1. Два быстрых способа уменьшить размер реагирования в производстве
  2. Использование PREACT вместо реагирования

Функциональное программирование

  1. JavaScript Turging полный – Объяснил
  2. Функциональное программирование в JS – с практическими примерами (часть 1)
  3. Функциональное программирование в JS – с практическими примерами (часть 2)
  4. Почему redux нуждаются в редуллерах, чтобы быть «чистыми функциями»

WebPack

  1. WebPack – запутанные детали
  2. Замена WebPack & Hot модуль [HMR] (под капотом)
  3. HMR и React-Loader WebPack – отсутствующее руководство

Проект.js.

  1. Почему черновик и Почему вы должны внести свой вклад
  2. Как проект.js представляет богатые текстовые данные

Реагировать и redux:

  1. Шаг за шагом Руководство по созданию приложений React Redux
  2. Руководство для построения приложения React Redux Crud (3-страничное приложение)
  3. Использование Addractwares в React Redux Apps
  4. Добавление прочной проверки формы для реагирования приложений Redux
  5. Обеспечение приложений React Redux с токенами JWT
  6. Обработка транзакционных электронных писем в Action Redux Apps
  7. Анатомия приложения React Redux
  8. Почему redux нуждаются в редуллерах, чтобы быть «чистыми функциями»
  9. Два быстрых способа уменьшить размер реагирования в производстве

Если это было полезно, пожалуйста, поделитесь этим! Спасибо! ??

Оригинал: “https://www.freecodecamp.org/news/jazz-up-your-bash-terminal-a-step-by-step-guide-with-pictures-80267554cb22/”

Читайте ещё по теме: