본문 바로가기

프로그래밍/Development Environment

코드펜 자동 테그완성 세팅하기

결과를 바로바로 보여주기때문에 유용하게 쓰고 있는 코드펜

테그를 텍스트로 쓰고 tab키만 눌러도 자동으로 완성되는 세팅을 은근 초반에 찾기 어려워서 기록한다

 

https://codepen.io/trending

 

CodePen

An online code editor, learning environment, and community for front-end web development using HTML, CSS and JavaScript code snippets, projects, and web applications.

codepen.io

 

위 사이트로 접속한 뒤 우측 상단 네모 웃는 모양 클릭 > settings 접속

 

 

 

 

Editor Proferences 클릭

 

 

 

그 상태로 하단으로 스크롤 내려서 Editor Options > Autocomplete 버튼 누르면 끝

 

 

 

 

이제 우측 상단 네모 누르고 New pen으로 테그 텍스트 작성하고 tab키를 누르면 정상 작동된다

 

이 상태로 tab click!

 

'프로그래밍 > Development Environment' 카테고리의 다른 글

jQuery  (0) 2020.01.10
html 톰켓 설정/포트번호 바꾸기  (0) 2020.01.10