Atom 세로선 제거하기(disable wrap-guide)

<!-- TOC -->

<!-- /TOC -->

들어가기

atom에디터에서 왜있는지 영문을 모를 세로선의 이름은 wrap-guide라고 한다.

이렇게 글씨가 wrap-guide에 겹쳐 보인다.

음 해상도가 높아서 잘 안보이네.

그렇다면

atom툴에서 File - Stylesheet눌러 stylee.less 파일을 열어 맨아래에

다음을 추가하여 더 강력한 세로선을 셋팅할수 있다.

1
2
3
4
atom-text-editor .wrap-guide {
width: 10px;
background-color: red;
}

아 세로선에 뿅간다.

이 시야를 가리는 wrap-guide가 무슨 용도인지 찾아보니.

코드가 가로로 너무 길어지는 것을 경계하라는 경계선이라고 한다.

디폴트로 가로 80 column(패키지에서 변경이 가능해보인다.)되어 있으며, wrap-guide 패키지 github에는 심지어 Don't corss the line 이라고 적혀있다.

atom wrap-package 깃허브페이지

하지만 구글에서도 보니 많은 사람이 눈에 거슬리는지 불편해 하고 있다. ㅋㅋㅋㅋ

세로선 제거하기

atom툴에서 File - Stylesheet눌러 stylee.less 파일에 아래 코드를 추가해서 세로선을 숨기는 방법이 있기도 하지만...

1
2
3
4
5
atom-text-editor::shadow {
.wrap-guide {
visibility: hidden;
}
}

wrap-guide는 atom 패키지이므로 이 패키지를 꺼버리면 된다.

atom에서 Ctrl + , 를 눌러 Settings로 이동하여 Packages탭을 선택한 뒤, wrap-guide를 검색하여 disabled하면 된다.

atom wrap-package 깃허브페이지

마무리

응 난 그냥 둘래. 귀가 얇거든... 팔락 팔락

참고 사이트

https://atom.io/packages/wrap-guide https://discuss.atom.io/t/what-is-this-vertical-line-running-through-my-code/6774/3