내가 보려고 정리하는 것이므로,, 

자주 쓰일 것같은 단축키만 모아서 표로 정리해보겠슴다...

vscode를 쓰면 좋겠지만,,, 기존 작업을 editplus해서 많이 했기 때문에

유지보수 하려면 단축키를 어느정도 알아놔야한다 😂

 

Edit Plus  단축키

Ctrl + N 새 문서 작성
Ctrl + Shift + S FTP 업로드
Ctrl + Z 실행 취소
Ctrl + Y 다시 실행
Alt + Shift + Del 줄 지우기
Ctrl + J 줄 복사
Ctrl + R 줄 선택
Ctrl + I 들여쓰기 (vscode의 tab기능)
Ctrl + Shift + I 들여쓰기 줄이기 (vscode의 shift + tab 기능)
Shift + F3 찾기
Ctrl + J 여러 줄을 한 줄로 만들어줌 (한 줄 코딩으로 변환할 때 개꿀)

 

그리고 에디트 플러스의 제일 불편한 점은....................

태그 자동완성이 안된다는 것 .. ㅜㅜㅜ

vscode에선 div 치고 탭 누르면 바로 <div></div>이런식으로 자동ㅇ완성됐는데...............................

 

찾아보니까 어떤 분이 감사하게도 템플릿을 올려두셨다! 

 

글 참고해서 따라해보자~

 

https://m.blog.naver.com/vibi1201/221322459258

 

에디트플러스 자동완성 파일 (파일첨부포함)

웹디자이너 및 퍼블리셔라면 에디트플러스로 코딩시 꼭 필요한 자동완성 파일을 공유하려한다. html5 &...

blog.naver.com

 

에디트 플러스 자동완성

 

1. 파일 다운

일단 내가 위에 걸어놓은 링크 속 파일을 다운 받아야한다! 

 

html5.acp와 css3.acp 다운 ㄱㄱ

 

 

2.

설정

도구 -> 기본 설정을 연다.

 

설정 & 구문 강조에서 해당하는 파일을 선택해준다.

HTML이면 HTML,

CSS면 CSS.

그리고 자동완성 체크를 눌러준 다음 ... 을 클릭해 해당하는 템플릿 파일을 열어준다.

일단 html5.acp부터 적용시켜보자.

 

파일을 열었으면 적용 누르고 확인을 눌러준다.

 

3. 사용법

 

자 드가자~

원래 vscode는 ! 만 눌러도 바로 기본적인 html구조를 그려주는데...

에디트 플러스는 그런게 없으므로 일일히 만들어야한다.

 

여기선 언더바 (_)로 단축키를 통일한 싶다.

_html 라고 쓰고 엔터를 눌러주면..~ 

 

이야.. 진.짜. 오지자나?

 

태그도 마찬가지다. _div, _p , _a 이런식으로 써주고 엔터를 누르면? 

 

이렇게 편한 기능이?! 

 

사실 이 템플릿 파일은 내 입맛대로 수정 가능하다.

 

막상 파일을 까보면

 

이런식으로 되어있으므로 내가 #T=(단축키)를 지정해서 변형해도 된다는 뜻ㅇ다!!!! 

개꿀,,, 

 

 

하지만 vscode 못잃어............................ 

728x90
반응형
다쭐◠‿◠