[에디트플러스(EditPlus)] 설치 + 셋팅 - 회복맨 블로그

[에디트플러스(EditPlus)] 설치 + 셋팅

에디터/에디트플러스(EditPlus) 2016.09.26 01:53

에디트플러스는 윈도우OS 사용자라면 최고의 텍스트편집기 중 하나라고 생각합니다.

코딩하는데 있어서 여러 편의기능이 제공되기 때문이죠. 그리고 여러 프로그래밍 언어를 지원합니다.

또, 제 주관적인 생각으로 FTP기능이 너무 편하고 사용하기 쉽습니다.








1. 설치

설치는 아래 주소에서 설치를 할 수 있습니다.

http://www.editplus.com/kr/

설치는 그냥 Next 만 눌러주시면 순식간에 진행이 되어 있습니다.

또, 유료 에디터 라서 30일 정도 무료로 사용할 수 있습니다. 그 이후엔 결제를 해야합니다.

(서브라임도 그렇고 에디트플러스도 그렇고 정말 돈내고 쓰는 에디터는 좋은거 같습니다.)









2. 설치한 에디트 플러스를 눌러주시면 아래 스샷과 같이 창이 열립니다.

좌측에 디렉토리 탭에서 드라이브를 선택해서 작업하고자 하는 디렉토리를 열어서 작업하시거나

드래그 앤 드롭으로 폴더를 에디트 플러스로 옮겨 주셔도 됩니다.









3. HTML 파일을 열어봤습니다.

대략 이런식으로 셋팅이 되어 있는데 이제부터 몇가지 셋팅을 해보고자 합니다.

하려고 하는 셋팅은 다음과 같습니다.

1. 기본 인코딩 변경 및 저장시 백업파일 안생기게

2. 크롬 브라우저 바로보기

3. emmet 기능 활성화

4. 테마 변경

5. FTP 사용

이정도 해보겠습니다.









4. 기본인코딩 변경 및 저장시 백업파일 안생기게

기본인코딩 변경 및 저장시 백업파일 안생기게 하는 부분은 굉장히 쉽습니다.

하지만 왜 백업파일을 안생기게 하려는지 보여 드리겠습니다.

우선 HTML 파일을 수정한 후 저장하게 되면

파일이름.확장자.bak 라는 파일이 자동적으로 생성됩니다.

열어보니 바로 전에 저장 했었던 소스를 그대로 담고 있습니다.

하지만 그다지 필요성을 못느끼겟습니다. (Git을 사용하고 있어서요. ^^...) 여하튼 좋은 취지의 파일인듯 합니다만, 사용하는 데에 필요치 않다면 해당 기능을 끌 수 있습니다.



상단 메뉴 에서 도구 -> 기본 설정

으로 들어갑니다.


그럼 다음과 같은 창이 뜨는데요.

기본 인코딩: 을 ANSI 에서 UTF-8로 변경하면 앞으로 파일을 저장할 때 파일 인코딩이 UTF-8로 저장 됩니다.

그리고 맨 처음 저장시 백업 파일 생성 부분에 체크를 풀게되면 더이상 저장시 백업 파일을 생성하지 않습니다.

그 후 하단의 적용 -> 확인을 눌러주시면 됩니다.








4. 크롬 브라우저 바로보기

우선 에디트 내에서 좌측 상단의 지구본을 눌르거나

단축키로 컨트롤 + B 버튼을 누르면 에디터 내에서 코딩하신 결과물을 확인 가능 합니다.



폰트를 보니 IE의 느낌이 납니다.

이 부분을 크롬 브라우저로 바꿔주기 위해서(혹은 맘에 드는 브라우저 있으면 그걸로...)

도구 -> 기본 설정 으로 들어가 줍니다.


좌측의 도구 를 클릭하시면 우측 옵션들이 변경되는데

자체 브라우저를 클릭해서 원하시는 브라우저로 변경하시면

컨트롤 + B 버튼을 눌렀을 때 또는 지구본을 눌렀을 때 크롬 브라우저로 열어집니다.

변경을 하셨다면 하단의 적용 -> 확인 눌러주시면 됩니다.


저는 익스 하나 더 추가해서 사용하기 때문에 이렇게 해줬습니다.

Browser1 을 클릭하면 이렇게 4개까지 추가 할 수 있습니다.

Browser2 를 누르고 외부 브라우저 - 인터넷 익스플로러 로 설정했습니다.

그후 적용 버튼만 눌러주시고... 아직 할게 하나 더 남았습니다. (이 부분 부터 아랬 부분 까지는 선택사항 입니다. 따라 하지 않으셔도 되요.)


스샷이 좀 복잡해 보이긴 한데 쉽습니다.

1. 좌측의 도구모 클릭

2. 명령 선택 부분에서 보기 를 선택

3. 중요! 바로 옆의 도구모음 에서 HTML 을 선택 (이 부분을 먼저 해주셔야 합니다.)

4. 보기에서 스크롤 내리면 브라우저 2로 보 가 있는데 그걸 선택하고 -> 버튼으로 도구모음 HTML 로 추가

5. 추가 했으면 브라우저 2로 보기가 맨 아래에 있습니다. 그걸 마우스로 위로 끌어 당기거나 아래 버튼을 이용해서 위 아래로 변경 합니다. 

그후 아래의 적용 -> 확인


그러면 이렇게 보입니다.

단축키는 맨처음 만 적용되어 있습니다.








5. emmet 기능 활성화

젠코딩(zencoding)이 맘에 든다 하시면 그렇게 설정하시면 되고, emmet 가 맘에 든다 하시면 emmet 로 하시면 됩니다.

기능의 차이는 저는 잘 모르겠습니다. 하지만 저는 다른 에디터 사용할 때에도 emmet 를 사용했기 때문에 이 기능을 사용하려 합니다.

상단 메뉴 중 ZC 를 선택하면 하위 메뉴가 뜹니다. 그 중 Emmet 사용 과 탭 키로 확장을 체크해 둡니다.

탭 키로 확장이 없으면 이 기능을 사용 못합니다. 두개 다 체크를 합니다.

그러면 바로 emmet 기능을 사용할 수 있습니다.









6. 테마 변경

테마 변경 또한 쉽습니다.

그냥 구글에 에디트 플러스 테마 변경 이라고 검....

흠..흠..

http://soosooin.tistory.com/213

위 주소에서 테마를 다운 받습니다. (에디트 플러스는 다양한 테마는 직접 만들어야 하나봐요. 테마가 별로 없네요.)

다운 받은 테마를 위에 주소처럼 적용시키면 됩니다.

저기 포스팅이 너무 잘 되어 있어서 따로 적용 방법은...

혹시 모르니까 남기겠습니다. ㅋㅋ


ganse.editplus.20120427.ini



도구 -> 기본 설정


좌측 색상 클릭 -> 우측 가져오기 클릭.


다운로드 한 폴더로 가서 다운 받은 파일을 선택 후 열기 그 후 나오는 메뉴에서 적용 -> 확인


역시 검은색 바탕이 코딩할 때 집중도를 높혀주는 듯 합니다.








7. FTP 사용

FTP 사용이야 넘나 유명한 기능이죠.

에디트 플러스의 꽃입니다. 이 기능을 모르시는 분들은 아마 없으리라 생각됩니다.


상단의 메뉴에서

파일 -> FTP -> FTP 설정


추가 버튼을 눌러 FTP 정보를 입력합니다.

패스워드까지 입력하면 엔터 버튼을 누르면 입력한 FTP 정보가 저장 됩니다.


좌측의 디렉토리 를 클릭하면 하위 메뉴가 뜨는데 

작업하려는 FTP 정보를 클릭 하시면 됩니다.








정말 많이 쓰는 에디트 플러스 입니다.

그 에디트 플러스는 저는 이런 셋팅으로 작업하고 있습니다.

'에디터 > 에디트플러스(EditPlus)' 카테고리의 다른 글

[에디트플러스(EditPlus)] 설치 + 셋팅  (10) 2016.09.26

댓글 10

  • 질문자 (2016.10.10 16:09)

    ftp 설정하고 브라우저 보려고 ctrl+b 했는데 url을계속 입력해 줘야하나요ㅜㅠ?

    • 회복맨 (2016.10.10 17:40 신고)

      해본적 없는 부분이긴 하지만 아마도 이렇게 하면 될꺼같습니다.

      본문의 4번 항목에 해당되는
      크롬 브라우저를 컨트롤 + B 로 했을때 기본으로 지정하는 방법이 게시되어 있는데요.

      그 창에서 상단에
      웹 서버 루트 디렉토리(E):
      호스트 이름 | 루트 디렉토리

      이런게 있습니다.
      추가 하셔서 호스트 이름과
      루트 디렉토리를 추가하시면
      될꺼같습니다.

      잘 모르는 부분이라
      추측해봤습니다.

  • (2016.12.09 11:23)

    코드자동완성?힌트 기능은 없나요?ㅠㅠ

    • 회복맨 (2016.12.09 11:27 신고)

      zencoding 과 emmet 가
      코드의 자동완성을 도와주는 기능입니다.
      예를들어
      div 쳐서 <div></div> 를 만들어야 하면
      div 입력후 Tab 키를 눌러주시면 됩니다.
      이 설정은 이 게시글에 자세히 포스팅 되어 있습니다.

  • gell (2017.01.16 17:57)

    에디트플러스에서도 git이 사용가능한가요?

    • 회복맨 (2017.01.16 18:08 신고)

      에디트 플러스 4버전부터 사용 가능 하다고 언뜻 들었습니다.
      방문해 주셔서 감사합니다!! :)

  • 쥬용 (2019.04.04 11:09)

    친절하게 설명해주셔서 감사합니다!!

  • 질문.. (2019.07.02 03:44)

    java연습을 할 예정인데 에디트플러스로 가능한지 알고 싶습니다.. 혹 환경변수설정도 해줘야 하는지 알고 싶습니다.

    • 회복맨 (2019.07.10 14:25 신고)

      저는 java 를 배워본 적이 없기에 정확히 답을 못해드릴꺼 같습니다.

      우선 java를 하기위한 에디터로는 그리 적절한 프로그램은 아닙니다.
      이클립스라는 더 좋은 IDE가 있고 자바 프로그래밍을 하기에 알맞는 환경을 고루 갖추고 있습니다.

      환경변수는 자바 프로그래밍을 하기위해 반드시 해줘야 하는 작업입니다.
      환경변수 등록은 자바를 주제로 다루는 블로그 혹은 페이스북에서 검색하시면 될듯합니다.

      방문해 주셔서 감사합니다 :D