#vim powerline

[fsd]

PragmataPro Semiotics

PragmataPro Semiotics project web page is live Thanks to Aaron Madlon-Kay Type a keyword to find one of the 12,000 symbols included in PragmataPro

[tfemby]

Kitty, Newsboat and MPV

Lately I have been looking for different ways to watch videos online and I have found a solution that surprisingly clean. The goal for this setup was to add some of my favourite youtube channels into an easy-to-access list and have multiple channels videos displayed to me in sequential order. After choosing a video to watch, I'll be able to watch it. To add a little bit of spice on top of this already interesting idea, lets do all of this in a terminal emulator... because why not?

This write-up is about what I did on my Linux system so for other OS's may need different instructions.

The Software

You're going to need to install the following:

kitty - Terminal Emulator

mpv - Video player

yt-dlp - Video downloader

newsboat - RSS/Atom reader

Use your package manager to install the above programs. I'm using Gentoo so for me this was:

sudo emerge -av kitty mpv yt-dlp newsboat

Great, so now we have all the ingredients for this recipe but we need to combine them all together to create this dish.

Kitty

We'll start from the ground up and that begins with our terminal emulator. Kitty was chosen because it has a nice feature where it can display images AND video+audio within the terminal itself.

My configuration is the following:

.config/kitty/kitty.conf font_family Inconsolata Nerd Font bold_font Inconsolata Nerd Font italic_font Inconsolata Nerd Font bold_italic_font Inconsolata Nerd Font font_size 10.5 tab_bar_min_tabs 1 tab_bar_edge bottom tab_bar_style powerline tab_powerline_style slanted tab_title_template {title}{' :{}:'.format(num_windows) if num_windows > 1 else ''}

The kitty configuration isn't strictly necessary but changing the font size at a minimum is something I always do when trying out a new terminal emulator. The above also adds a bottom bar to Kitty.

MPV

MPV is an amazing video player that I've been using for close to a decade. It can stream videos from the web through the help on yt-dlp. You don't need to strictly do anything for MPV to work in this setup. I'd however recommend looking at this youtube video quality script (which you'd download to $HOME/.config/mpv/scripts/). The script allows you to choose a lower quality such as 720p if you're experiencing issues with a video loading. You just need to type, "ctrl+f" and use your arrow keys to select a resolution and hit enter.

Newsboat

Newsboat is an RSS and Atom reader. If you don't know what either of these things mean, that's okay. All you do need to know is that RSS or Atom is just a way of displaying information in XML format. Newsboat simply displays articles (or youtube channels in our usecase) and allows you to do run macro's on them or if you're using the program for it's original intended purpose, read the article.

Back to our setup! Newsboat is the program where all of the magic happens. First up, this is what I have configured within the newsboat config file.

.newsboat/config # General auto-reload yes max-items 100 # Browser browser "/usr/bin/firefox-bin %u" macro v set browser "mpv --really-quiet --vo=kitty --vo-kitty-use-shm=yes"; open-in-browser-and-mark-read; set browser "/usr/bin/firefox-bin %u" # Vim keybindings ## Unbind default keys unbind-key ENTER unbind-key j unbind-key k unbind-key J unbind-key K ## Bind Keys - Vim bind-key j down bind-key k up bind-key l open bind-key h quit

The applicable lines above is the macro. We're setting the "browser" to "mpv --really-quiet --vo=kitty --vo-kitty-use-shm=yes". What this does is tells newsboat to, for when we use this macro, set our browser to mpv which will launch within the kitty terminal, enable shared memory (without this option, videos ran at like 15fps for me). We then call, "open-in-browser-and-mark-read" which executes the mpv "browser" we set just before and causes the video we just opened to be viewed as, "read" (or in our case, we watched). We then reset the default browser back to firefox. I will explain how to use the macro towards the end of this guide.

Everything else in my config is strictly optional. Vim-like keybinds isn't necessary but I'm personally addicted to them.

Configuring the URL list

Having our config file setup is great and all but we now need to populate our RSS feed with some of our favourite youtube channels. There's a couple of ways to do this but I prefer to use Invidious. For this step, hop over to Invidious and find your favourite youtubers channel. On the top right, there's an, "RSS" button. Right click -> Copy Link and you've successfully got RSS feed for your favourite youtuber.

For my example, I'm going to say that my favourite youtubers are: ThePrimeagen, ThePrimeTime, DistroTube and Chris Titus Tech. My urls file will look like the following.

.newsboat/urls https://yewtu.be/feed/channel/UC8ENHE5xdFSwx71u3fDH5Xw "ThePrimeagen" https://yewtu.be/feed/channel/UCUyeluBRhGPCW4rPe_UvBZQ "ThePrimeTime" https://yewtu.be/feed/channel/UCVls1GmFKf6WlTraIb_IaJg "DistroTube" https://yewtu.be/feed/channel/UCg6gPGh8HU2U01vaFCAsvmQ "Chris Titus Tech"

Above, we have added the RSS feed link for each channel and in quotes, tagged each channel with their name. Tagging isn't strictly necessary but it makes knowing what the links before it are supposed to be (also they will be needed if you wish to view everything in a list which we'll show up next).

Using tags and queries

You could easily just stop following along and you'll be able to easily to see each youtube video each content creator releases. But what if we want to imitate the subscription feed? Enter queries. Queries are just an automated way to concatenate multiple RSS feeds into a single feed. Below is an example of how to do this with our urls file.

.newsboat/urls "query:Subscriptions:tags # \"timeline\"" https://yewtu.be/feed/channel/UC8ENHE5xdFSwx71u3fDH5Xw "ThePrimeagen"; timeline https://yewtu.be/feed/channel/UCUyeluBRhGPCW4rPe_UvBZQ "ThePrimeTime"; timeline https://yewtu.be/feed/channel/UCVls1GmFKf6WlTraIb_IaJg "DistroTube"; timeline https://yewtu.be/feed/channel/UCg6gPGh8HU2U01vaFCAsvmQ "Chris Titus Tech"; timeline

What we added above was the query. It'll place everything which has the tag of, "timeline," into a feed named, "Subscriptions."

If you don't want each of the channel feeds to show up, you can ensure they don't by adding a ! into the first tag like so.

.newsboat/urls "query:Subscriptions:tags # \"timeline\"" https://yewtu.be/feed/channel/UC8ENHE5xdFSwx71u3fDH5Xw "!ThePrimeagen"; timeline https://yewtu.be/feed/channel/UCUyeluBRhGPCW4rPe_UvBZQ "!ThePrimeTime"; timeline https://yewtu.be/feed/channel/UCVls1GmFKf6WlTraIb_IaJg "!DistroTube"; timeline https://yewtu.be/feed/channel/UCg6gPGh8HU2U01vaFCAsvmQ "!Chris Titus Tech"; timeline

Using the Setup

If everything has gone smoothly so far, you can open up newsboat by typing in the command, newsboat and it should look like this.

If you're using my keybindings, you can press "l" to go into the Subscriptions feed and see the latest videos from the creators. If you're using the default keybindings, just press, "Enter".

To use the macro we setup earlier to launch a video, find a video that piques your interest and press, ", v" (comma, v). If you're using my bindings, you can navigate up and down using j and k. Standard is just arrow keys.

Wait a second for the video to start and it should launch directly in the kitty terminal!

You can control volume by pressing 9 for lower, 0 for higher. Space bar is to pause. Left and right arrow keys move backwards and forwards by 10 seconds in the video consequently. Press q to quit back to newsboat. You may also quit out of newsboat itself by pressing q again.

If this interests you, I hope you enjoy a rather niche way to watch youtube :)

[semperintrepida]

@endlessmidnightparade​ wrote in to ask a couple of questions from this Weird Questions for Writers ask meme:

1. What font do you write in? Do you actually care or is that just the default setting?

uhh... well... Perhaps you will regret asking me this question when I tell you that the font I write all my fiction in is called “Droid Sans Mono Dotted for Powerline.”

Let’s break that all down, shall we?

Droid is an old family of fonts that Google created for Android, back when Android versions were named after sugary treats. (”Ice Cream Sandwich,” anyone?)

Sans is for sans-serif, meaning the font looks more like Helvetica than Times New Roman. (No decorative “tags” hanging off the ends of strokes.)

Mono is for monospaced. (Each letter and number is the same width, like how a typewriter font looks.)

Dotted means that the zero numeral (0) has a dot in the center, instead of a slash.

for Powerline means that the font has been hacked to work with the Powerline status bar in the vim editor. What the frackin’ frack does all that mean? Here, a picture’s worth a thousand words. (Powerline is that yellow-n-purple line at the bottom.)

(Behold the opening paragraphs to my WIP while you’re at it.)

I work in IT for a living and spend much of my coding and infrastructure development time in terminal (text-based) interfaces. My primary hobby these days is writing. So I spend a lot of time staring at text in my chosen font, and Droid Sans Mono is pleasing to my eye whether I’m a thousand lines deep in Python code or Terraform config, or writing a 130,000 word novel. This font makes it easy to see the “shape” of what I’m writing at a glance.

So yeah, I care about what font I use very much. 🤣

4. What’s a word that makes you go absolutely feral?

The Ancient Greek word “glukupikron.” Anne Carson, tell us why!

[Weird Questions for Writers ask meme]

[pignose-barn]

완벽한 Mac 작업환경 세팅하기 (vim, zsh, iterm)

그동안 개인 컴퓨터로도 수많은 프로그래밍 언어와 작업 환경을 만들었고, 회사에서도 수많은 인턴분들과 뉴커머들이 오고가면서 그들의 작업환경을 세팅해주고 가이드라인 해줬다, 필자는 최대한 많은 트릭과 신텍틱 슈거, 그리고 불필요한 노동시간을 줄이기위해 깊이있게 파고들고 또 파고드는 것을 좋아한다.

이번 시간에서는 맥 환경에서 작업하는 주 작업자들을 위해 여러분의 노동시간을 줄일 수 있는 몇가지 팁들을 소개하려고 한다. 이 글에서 tmux에 대한 내용까지 담으려고 했지만 tmux만 해도 내용이 너무 방대하므로 iTerm의 Split View기능으로 대체하고 tmux는 다음 시간에 다른 포스트에서 자세히 다루도록 하겠다.

터미널 환경 구성하기

내가 일하는 분야나 개인 프로젝트에서는 터미널을 열어 사용하는 경우가 다분하다, 아마 이 분야가 당연히 그렇다고 생각하고 있고 만약 터미널과 친하지 않는 유저라도 이 섹션에서 터미널 환경을 구성해서 이 기회에 터미널과 조금 더 친해져보는 시간을 가지도록 하자.

여러분이 가지고 있는 초기 터미널을 위와 같은 모양새라고 생각한다. ���리는 이것을 아래처럼 바꿀 것이고, 생각보다 어렵지 않기 때문에 끈기를 가지고 따라하기를 바란다.

1. Oh My ZSH 설치하기

가장 먼저 여러분이 해야 할 것은 기본 쉘을 새로운 쉘 프로그램으로 교체하는 일이다. 여러분의 맥 환경이 별다른 수정을 거치지 않았다면 기본적으로 bash가 여러분의 기본 쉘 프로그램일 것이다. 

https://gist.github.com/KennethanCeyer/8c8420585f3d933e6703e43680d87ab3

먼저 아래 명령어를 통해 zsh를 설치해보자.

https://gist.github.com/KennethanCeyer/47c981fccd3690e1bd410f4a388de5ce

놀랍게도 이미 여러분의 쉘은 zsh로 변경이 되었다. oh-my-zsh 프로젝트는 zsh 쉘을 쉽게 설치하고 관리할 수 있게 도와준다, 덕분에 여러분은 단 한줄의 코드로 zsh를 쉽게 설치 / 업그레이드 할 수 있었다.

쉘 이름은 $0 환경변수로 확인할 수 있다. 여러분의 터미널에 `zsh`가 출력되는지 확인해보자, 아래 그림처럼 `zsh`가 나오면 정상적으로 설치된 것이다.

2. Powerlevel9k 테마 설치

zsh는 정상적으로 설치되었어도, 별도의 테마가 적용되지 않으면 굉장히 밋밋한 느낌의 터미널만이 제공된다. 필자는 여러가지 테마를 사용해봤지만 Powerlevel9k 보다 어썸하고 쿨한 테마를 찾지 못했다. 만약 더 좋은 테마를 알고있거나 제안하고 싶으면 이 블로그 하단 댓글로 남겨주시기 바란다.

아래 처럼 명령어를 입력하여 zsh themes 폴더 내에 powerlevel9k를 내려받는다.

https://gist.github.com/KennethanCeyer/2794384bce32ae8650eb9e94131c3da5

우리는 테마를 다운로드 받는 것까지는 완료했고, 최종적으로 .zshrc 파일을 수정하여 정확한 테마 이름을 zsh 쉘에 알려주어야 한다. 아래 명령어처럼 .zshrc 파일을 열어보자.

https://gist.github.com/KennethanCeyer/8739695df2d1ca420326d5a127511a25

아래 그림처럼 ZSH_THEME 단락을 `powerlevel9k/powerlevel9k`로 바꿔준다. 아마 여러분의 .zshrc의 기본 ZSH_THEME는 `robbyrussell`로 잡혀있을 것이다.

이해가 잘 가지 않는다면 아래 링크를 클릭하여 변경 방법을 살펴보자.

`.zshrc` 파일을 변경했다면, zsh 명령어를 통해 쉘을 다시 열어줘야 변경 사항이 확인이 가능하다.

https://gist.github.com/KennethanCeyer/4bfcc90111e69632111387d239931cb2

3. Iterm2 설치

여러분이 기본적으로 사용하는 터미널 프로그램은 터미널의 편의기능이 많이 부족하다. 따라서 아래의 편의 기능을 사용하기 위해 Iterm2를 설치하도록 하자. Iterm2에서 제공하는 기능 중 특별히 아래의 기능이 유용하다.

터미널 탭 기능 (+토글 단축키)

터미널 Split View

자동완성 기능

터미널 내에서 단어 찾기

마우스 없이 복사&붙여넣기

256 이상의 색상 지원

더 많은 기능 살펴보기: https://www.iterm2.com/features.html

그럼 본격적으로 설치를 진행해보자. 설치는 https://www.iterm2.com/downloads.html에서 진행할 수 있다.  링크에서 Stable Releases에서 최신 파일을 설치하자. 이 포스트 기준으로는 Iterm2 3.2.9 버전이 최신이다.

다운로드가 끝나면 아래와 같이 다운로드 폴더에 Iterm2가 있다, 프로그램을 어플리케이션으로 옮겨 설치를 해주자.

시스템 환경설정 > 보안 및 개인 정보 보호 > 개인 정보 보호 탭에서 방금 설치한 Iterm2를 추가해주도록 하자.

설정이 끝났으면 어플리케이션에 설치된 iTerm 앱을 실행시켜보자.

맥은 기본적으로 인터넷에서 다운로드 받은 앱은 위와 같은 경고 메시지가 나타나게 된다. 열기 버튼을 클릭하면 앱이 정상적으로 실행되고 경고는 다시 나타나지 않는다. `열기`를 클릭하여 열어주자.

여기까지 잘 따라 오셨으면 위와 같은 터미널 창을 볼 수 있다. 이제 터미널 앱은 Dock에서 제거하고 작별을 고하자, 앞으로 여러분은 iTerm을 기본 터미널로 친해질 시간을 가질 날만 남았다.

4. Powerlevel9k font 설치

눈치가 빠른 독자라면 느끼겠지만 화면에 일부 텍스트가 깨지는 현상이 보인다. 아래 그림처럼 일부 박스가 깨져 제대로 보이지 않고 `?` 기호로 표시된다.

글자가 깨지는 이유는 우리가 앞서 설치한 Powerlevel9k 테마는 일부 특수 문자를 사용하여 TUI (Text User Interface) 화면을 꾸미기 때문에, Powerlevel9k에서 권장하는 폰트를 사용해줘야 한다. 아래와 같은 절차를 따라하여 폰트를 설치해보자.

https://gist.github.com/KennethanCeyer/6b7243146bb9e0730b32a53f2e116b5e

폰트 설치가 끝났으면 iTerm 설정을 통해 터미널 기본 폰트를 변경해주어야 한다. iTerm 화면에서 Command + ,(콤마) 단축키를 이용해 설정 창을 열어준다. 그 다음 Profiles > Text 탭의 Font 섹션 아래에 있는 `Change Font` 버튼을 클릭해주자.

좌측 탐색 영역에서 All Fonts를 클릭하고 스크롤을 내리다보면 `Meslo LG M DZ for Powerline` 폰트가 보인다. 그 폰트를 선택하고 글자 크기를 여러분이 원하는 크기로 세팅하고 창을 닫아준다. (필자는 12pt가 적당하다고 생각하지만, 넓은 화면을 가진 사용자의 경우 13pt가 가장 적절하다.)

이제 여러분은 아래 화면처럼 모든 텍스트가 깨짐없이 출력되는 것을 확인 할 수 있다.

5. iTerm color scheme 설정

이제 우리는 테마가 적용된 아름다운 터미널 구성 세팅이 끝났다. 하지만 컬러가 너무 시신경을 자극하고 컬러의 색체도 그렇게 아름답지 못한 것 같다. 따라서 컬러 스킴을 적용하여 조금 더 색체 배합이 아름다운 터미널로 교체해보자.

필자는 여러가지 컬러 스킴을 찾아 테스트를 해보았고 지금은 Brogrammer 스킴이 가장 필자의 선호도에 맞는 스킴이다. 따라서 이 포스트에서는 Brogrammer를 설치하는 가이드를 진행한다. 구글에 iterm color scheme이��� 검색하여 여러분에 선호에 맞는 스킴을 설치할 수 있으므로 만약 이 포스트에서 나온 컬러 스킴을 원하지 않을 경우 여러분이 원하는 컬러 로 설정하면 된다.

https://gist.github.com/KennethanCeyer/a21f23327a0e5ac3bf7fb8b800ecc179

위 명령어를 입력하여 Brogrammer 컬러 스킴을 여러분의 홈 디렉토리 .iterm 폴더안에 다운로드 하였다. 다운로드가 끝났다면 iTerm 화면에서 Command + ,(콤마) 단축키로 설정 화면을 열고 Profiles > Colors 탭의 우측하단의 Color Presets 콤보박스를 열어 `Import` 옵션을 선택하자. 이해가 잘 안간다면 아래 그림을 보자.

탐색기에서 Command + Shift + g 단축키를 입력하여 경로 입력 창을 열고 `~/.iterm` 을 입력하여 ~/.iterm 폴더로 이동한 후 .iterm 폴더 내에 있는 Brogrammer.itermcolors파일을 선택해주자.

Import가 완료되었다면 아래와 같이 선택 화면에서 Brogrammer가 확인된다.

Brogrammer를 선택하고, 설정 화면을 닫아주자. 설정이 정상적으로 되었다면 아래와 같이 컬러가 변경된 터미널을 확인할 수 있다.

6. Powerlevel9k context 설정

Powerlevel9k 테마는 환경변수를 통해 사용자 입맛에 맞게 커스터마이징 하는 기능을 제공하고 있다. https://github.com/bhilburn/powerlevel9k#prompt-customization 링크를 확인해보자.

위 그림의 예시처럼 환경변수는 좌측과 우측 라인에 기본적으로 표시되는 Context를 수정할 수 있게 제공해준다. 필자는 다음과 같은 내용을 .zshrc에 추가하였다.

https://gist.github.com/KennethanCeyer/d5658502e22a2be7e290de303e66ec66

만약 설정 방법이 이해가 안된다면 아래를 살펴보자.

설정 파일을 변경하더라도 바로 적용이 안되고 zsh 쉘을 다시 실행해야 한다. zsh 명령어를 입력하여 zsh 쉘을 다시 실행하여 보자. 설정이 잘 완료 되었다면 아래와 같이 터미널이 조금 더 간략화된다.

7. 작업 마무리하기

여러분의 터미널은 대부분의 설정이 끝났다. 이제 iTerm의 기능과 zsh 쉘의 기능, Powelevel9k 테마의 편리한 UI들을 사용할 수 있다. 대표적인 기능들을 둘러보자.

먼저 iTerm의 기능 중 Split view 기능을 살펴보자. 여러분의 iTerm 화면에서 Command + D 단축키를 통해 다음과 같이 Vertical View, Command + Shift + D를 통해 Horizontal View로 분리할 수 있다.

위 그림이 Vertical View Split,

그리고 위 그림이 Horizontal Split View이다.

커맨드 + W 단축키를 통해 현재 포커스가 잡힌 View를 닫을 수 있고, Command + 방향키를 통해 View 포커스를 스위칭 할 수 있다.

Command + T를 통해 탭을 생성할 수 있고 Command + 숫자로 특정 넘버의 탭으로 스위치를 할 수 있다. 마찬가지로 Command + W로 탭을 닫을 수 있다.

더 자세한 iTerm 편의 기능은 https://gist.github.com/squarism/ae3613daf5c01a98ba3a 링크에서 잘 설명하고 있다.

ZSH도 수 많은 편의 기능을 제공하고 있다. 먼저 cd 명령어를 ���략하고도 특정 디렉토리로 이동할 수 있다.

그리고 .. (상위 폴더로 이동)에 추가적으로 점(.)을 붙여 어느 depth의 상위 디렉토리 까지 이동할지 지정이 가능하다. 예를들어 .... (점이 4개 사용되었을 때)의 경우 상위 3 depth의 폴더로 이동한다.

그 밖에 Tab으로 자동 완성(Auto complete)을 지원하는 기능도 폭 넓게 늘어나게 되는데 대표적으로 git을 사용하는 경우 branch 명이나 origin alias도 자동 완성으로 서포트하게 된다.

더 자세한 내용은 https://github.com/robbyrussell/oh-my-zsh/wiki/Cheatsheet 링크에서 살펴보자.

마지막으로 Powerlevel9K 테마가 제공해줄 수 있는 기능 중 vcs에 대해서 얘기해보고 싶다. 여러분이 git을 이용한 버전 컨트롤을 할 경우 아래와 같이 보기 편한 branch 상태 정보를 제공받게 된다.

위 사진에서 연두색 영역에서는 현재 git 디렉토리의 브랜치 이름을 보여주게 된다. (이 연두색 영역은 .git 디렉토리가 아니면 생략된다.)

그 밖에도 각각의 git status에 따라 이 부분의 색상과 내용이 조금 씩 변경된다.

더 자세한 Powerlevel9k의 기능은 https://bhilburn.org/powerlevel9k/ 링크에서  살펴보자.

Vim 환경 준비하기

여러분의 Mac에는 대부분 vi 커맨드가 기본적으로 내장되어 있다. vi 커맨드를 이용하여 에디터를 띄울 수 있는데 기본적으로 최근의 vi 커맨드는 vim(Vi IMproved) 커맨드와 동일하게 동작한다.

vi --version을 이용하여 버전 정보를 조회해보자.

vimrc 세팅하기

https://github.com/amix/vimrc를 이용하여 우리는 기본적인 vim 환경을 준비하고자 한다. 아래와 같은 명령어를 이용하여 vimrc를 세팅해보자.

https://gist.github.com/KennethanCeyer/3838790aa6eb1d1a3e5e201a9fad58b5

위 화면에서 처럼 Installed the Ultimate Vim configratuon successfully! Enjoy :-) 라는 문구가 보이면 정상적으로 설치된 것이다. vi 명령어를 실행해보자.

위 사진처럼 가장 기본적인 화면 구성은 vimrc가 다 세팅해주었기 때문에 어느정도 보기좋은 인터페이스로 구성이 되었다. 하지만 몇가지 추가로 기능을 이용하려면 추가적인 설정이 필요하다.

아래 명령어를 이용하여 .vimrc에 추가적인 설정을 추가해주자.

https://gist.github.com/KennethanCeyer/3742210bfcbb34ecdf7cbb9f2524687f

이제 vi 명령어를 통해 에디터를 열면 다음과 같은 화면을 볼 수 있다.

이 정도면 충분하다! 여러분이 vi를 통해 텍스트 편집이나 심지어 개발을 할 경우에도 이 정도의 설정으로 최소한의 요구사항은 충족할 수 있다. 이제 vim과 함께 즐거운 해킹을 하기 바란다. 설정에 부족함을 느끼는 독자들을 위해 다른 포스트에서 vim에 플러그인을 추가하여 파워 업을 할 수 있는 방법을 설명할 예정이다.

하나만 더! vim 테마 설정

이미 우리는 iTerm 컬러 스킴을 추가하여 충분한 컬러를 가지고 있지만 확실한 것을 원하는 유저를 위해 vim에 컬러 스킴을 추가하는 방법을 공유하겠다.

우리는 앞서 Brogrammer 색상 테마를 사용했기 때문에 vim도 같은 색상 팔레트로 통일하는 것으로 설명한다.

https://gist.github.com/KennethanCeyer/fe32c8d0ead2adafc6d59dc87d324509

먼저 위 명령어를 이용하여 brogrammer.vim을 ~/.vim/colors 폴더에 다운로드 한다. 그리고 아래 화면처럼 colorscheme brogrammer를 ~/.vimrc에 추가한다.

설정이 다 끝났으면, 아래와 같이 개발환경에서 vim의 다양한 화면 구성 및 색상 배치를 경험해볼 수 있다.

끝으로

이번 포스트는 개발 환경에 가장 기본이 되는 터미널과 vim 설정에 대해 알아봤다. 여러분은 고작 터미널 기능을 확장한 것 뿐에 불과하는데 굉장히 긴 포스트 글을 읽어보고 시행 착오를 겪어가며 고통을 느끼고 있을 것이라 생각한다.

이런 고통을 줄이기 위해 이후 더 다양한 포스트를 통해 유용한 트릭들을 공유하고 가이드해줄 수 있도록 할 예정이다. 다만 여러분이 이 글을 읽으며 얻은 공유는 나중에 잊지 않고 여러분이 다른 포스트를 써서 또 다른 기술 공유라는 기여를 통해 개발자 네트워크에 보답을 해주기를 희망한다.

필자는 최근 https://github.com/KennethanCeyer/bire 프로젝트를 통해 이런 설치 과정을 몇줄의 커맨드로 최소화 할 수 있는 프로젝트를 기획하고 있다. 이 부분에 대해서도 경험기를 포스트로 공유할 계획이니 기대해주기를 바란다.

[computingpostcom]

I’m a big fan of fast shell prompts for “astronauts“. Starship is the minimal, blazing fast, and extremely customizable prompt for any shell!. It works for Bash, Zsh and Fish shells. The Starship shell prompt is designed to only show the information you need while you’re working, while staying sleek and out of the way. I’ve used Pure and Spaceship before and this is the right time to give a different Prompt a try. We will see how to install Starship shell prompt on different Linux distributions and macOS. Step 1: Install Powerline font / FiraCode font A Powerline font is required. Install it with the commands: # Debian / Ubuntu sudo apt update sudo apt install fonts-powerline # Fedora sudo dnf install powerline-fonts # Any other Linux git clone https://github.com/powerline/fonts.git --depth=1 cd fonts ./install.sh cd .. rm -rf fonts For FiraCode font, install via: # Debian / Ubuntu sudo apt install fonts-firacode # Arch Linux / Manjaro sudo pacman -S otf-fira-code # Gentoo emerge -av media-fonts/fira-code # Fedora dnf copr enable evana/fira-code-fonts dnf install fira-code-fonts Step 2: Installing Starship cross-shell prompt for astronauts Use one of the methods shared here to install Starship cross-shell prompt for astronauts on your system. Install from package manager: # macOS brew install starship # Arch yay -S starship # Nix nix-env --install starship # Termux pkg install starship For Arch users, see how to use yay – Best AUR Helper for Arch Linux / Manjaro Install from pre-compiled binary: For other platforms, download precompiled binary and place it in your PATH. curl -s https://api.github.com/repos/starship/starship/releases/latest \ | grep browser_download_url \ | grep x86_64-unknown-linux-gnu \ | cut -d '"' -f 4 \ | wget -qi - Extract downloaded Archive. tar xvf starship-*.tar.gz Move the starship binary to /usr/local/bin directory. sudo mv starship /usr/local/bin/ Check version of starship installed. $ starship --version starship 1.4.2 Step 2: Configure Zsh / Bash / Fish Shell Add the lines below to your shell configuration file. # Bash $ vim ~/.bashrc eval "$(starship init bash)" # Zsh $ vim ~/.zshrc eval "$(starship init zsh)" # Fish $ vim ~/.config/fish/config.fish eval (starship init fish) Source your shell configuration for the changes to update. $ source ~/.zshrc You have Starship prompt installed and working.  

[wordencode]

Powerline fonts, Devicon glyphs, URXVT, Neo VIM

Powerline fonts, Devicon glyphs, URXVT, Neo VIM

For over a year I had been trying to get these to work together, but I had never been able to get them to play together. I tried installing Powerline fonts, Nerd fonts (the full set) different versions of URXVT, different versions of nvim, but the results were always the same, a bunch of disrespectful and awkward looking characters littered my editor and my terminal emulator. The good news is…

[learnershigh]

맥에서 기본 터미널을 대체하는 iTerm2 와 zsh를 이용해서 깔끔한 (있어보이는) 맥 터미널 환경을 만들어 봅시다. 아래는 iTerm2의 Snazzy 테마와 zsh를 위한 dracula 테마를 적용한 모습으로, Powerline Font와 같은 폰트를 추가로 설치하지 않고도 깔끔하고 심플해서 추천하는 조합입니다.

설치하기

Homebrew

우선 기본적으로 Homebrew가 설치되어 있어야합니다. 맥에서 기본 터미널을 열고 아래와 같이 입력해서 Homebrew를 설치해 줍니다.

/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

Homebrew와 관련된 자세한 설명은 아래 링크에서 확인할 수 있습니다.

Homebrew를 사용해�� Mac 패키지를 관리하기

iTerm2 설치

iTerm2 는 맥의 기본 Terminal을 대체할 수 있는 터미널 에뮬레이터입니다. 화면분할 등 여러가지 기능, 테마 변경 등 다양한 기능을 가지고 있습니다.

간단하게 홈페이지에서 다운로드 받아 설치하면 됩니다.

zsh 설치

zsh는 bash를 대신하는 shell 환경입니다. oh-my-zsh까지 설치하면 CLI 사용이 아주 편리해 집니다. zsh는 Homebrew를 이용해 설치해 줍니다.

# zsh 설치하기 brew install zsh # zsh 설치경로 확인하기 which zsh # 기본 shell 변경하기 chsh -s $(which zsh)

만약 zsh 접근이 제대로 안된다면 기본 터미널 설정을 수정해 줍니다.

터미널 환경설정 일반 -> 셀 열기를 “기본 로글인 셀”에서 “명령어(절대경로)”로 바꾸고 /usr/local/bin/zsh (zsh 설치경로) 를 입력합니다.

혹은,

/etc/shells 파일에 /usr/local/bin/zsh 를 추가합니다.

oh-my-zsh 설치

zsh를 더 편리하게 사용할 수 있게 도와주는 프레임워크로, 플러그인과 테마를 편리하게 사용하기 위해서 필요합니다.

# wget curl 설치 brew install curl # oh-my-zsh 설치 sh -c "$(curl -fsSL https://raw.githubusercontent.com/robbyrussell/oh-my-zsh/master/tools/install.sh)"

iterm2 테마 꾸미기

iTerm2와 zsh의 테마를 변경해 봅시다.

우선 https://github.com/mbadolato/iTerm2-Color-Schemes 에 접속합니다.

여기서 원하는 iTerm2 테마를 고른 후 다운로드합니다. 저는 Snazzy를 선택했습니다.

iTerm2 > Preferences > Profiles > Colors Tab 에서 우측 하단 Color Presets을 클릭합니다.

Import 를 클릭하고 다운로드 받은 테마를 선택해 줍니다.

iTerm2를 재실행하면 테마가 적용되어 있습니다.

zsh 테마 꾸미기

zsh 테마는 .zshrc 파일을 수정해서 변경할 수 있습니다.

https://github.com/robbyrussell/oh-my-zsh/wiki/themes 에서 원하는 테마를 찾아봅니다.

저는 마땅한 테마가 보이지 않아서, 개인적으로 선호하는 dracula 테마를 선택했습니다. https://draculatheme.com/zsh/

테마 파일을 다운로드 받고 압축을 풀고, oh-my-zsh/themes/dracula.zsh-theme 의 경로로 테마 파일이 설정되도록 파일을 이동합니다.

vim이나 VS Code 등 사용하는 편집기로 ~/.zshrc 파일을 열어줍니다.

ZSH_THEME 설정을 찾습니다. 여기서 원하는 테마로 변경해줍니다.

ZSH_THEME="dracula"

참고 자료

https://nesoy.github.io/articles/2018-01/Mac-Terminal

https://subicura.com/2017/11/22/mac-os-development-environment-setup.html

https://beomi.github.io/2017/07/07/Beautify-ZSH/

via Apptilus CODE

[produtospromocao]

Repetidor de sinal ou Powerline, qual é o melhor? - Canal da Lu - Magalu

Repetidor de sinal ou Powerline, qual é o melhor? – Canal da Lu – Magalu

Oi gente! Nada pior do que sinal de Wi-Fi fraco em casa, né?! Hoje eu vim trazer pra vocês as melhores opções para aumentar seu sinal! Assista o vídeo e me conta, qual se encaixa melhor no seu perfil? Beijooos 😉

Ah, e não esquece de se inscrever no meu canal pra não perder nenhum vídeo: http://bit.ly/2nT2ZOw

E me acompanhe pra ficar por dentro de tudo sobre tecnologia: Instagram: http://maga.lu/1…

[akinarimunenaga]

Vim Advent Calendar 2012 の325日目の記事です。 少し長めになりますので、お時間があるときにお読みください。 Vimのステータスラインを改造するプラグインが、Lokaltog/powerline、bling/vim-airlineに続いてitchyny/lightline. via Pocket

[cristian-randieri]

Tweeted

vim のバージョンあげたら powerline しんだ

— tkhr (@tkhr5717) July 24, 2017

[ushf]

vimrc or magic comments?

Global vimrc files or adding comments at the top of each file, which Vim can then detect and use for variable values are the two main options. A third approach of using a plugin to make local vimrc take effect _only_ per project seems possible:

https://github.com/LucHermitte/local_vimrc https://github.com/powerline/powerline/issues/314 https://wiki.python.org/moin/Vim

Indentation A useful addition to Python source files is this comment: # vim: tabstop=8 expandtab shiftwidth=4 softtabstop=4 This may need the modeline option enabled in your ~/.vimrc file: set modeline (In Debian and Ubuntu, for example, the modeline option has been disabled for security reasons.) The above # vim: ... text, when embedded in a source file, tells Vim that when the file is loaded, tabs are always expanded to spaces and that the width of each tab is four characters. Type the following in command mode to achieve the same effect: :set tabstop=8 expandtab shiftwidth=4 softtabstop=4 Or: :set ts=8 et sw=4 sts=4 If you want to do this automatically for all files identified as Python, add the following to ~/.vim/ftplugin/python.vim. Create the directory and/or file if it does not already exist. set tabstop=8 set expandtab set shiftwidth=4 set softtabstop=4