-
코드펜 (Codepen) 자동완성 기능컴퓨터 알아가기/알아두면 편한 팁 2022. 9. 14. 19:30728x90반응형
기본적으로 코딩에디터는 VS Code를 사용합니다만 가끔 간단히 웹에서 확인하고자 하는 경우 코드펜을 이용하는 편입니다만 어느순간 이렇게 많은 사람들이 사용하는 프로그램이면 분명 자동완성 기능이 있을것이다라고 생각하고 여기저기 확인을 해 보았습니다.
혹시 도움이 될 수 있기에 정리를 해보고자 합니다.
1. 코드펜 로그인 후 설정으로 이동
참고로 코드펜 주소를 링크합니다.
우측상단 네모난그림(User Menu)을 클릭후 설정으로 갑니다.
2. Editor Preference >> Editor Options >> Autocomplete
좌측 Editor Preference로 가서 Editor Option을 찾습니다. 그리고 마지막에 있는 Autocomplete를 체크해서 활성화 시킵니다.
3. Tab키로 자동완성 사용하기
VS Code에서와 마찬가지로 Tab키로 자동완성 기능을 누리실 수 있습니다.
다음과 같이 HTML에서 '!'표만 써 넣으면 완성될 내용을 보여주고 Tab키를 누르면 자동으로 코드를 입력해 줍니다.
반응형'컴퓨터 알아가기 > 알아두면 편한 팁' 카테고리의 다른 글
Edge(엣지) 로그인 계정정보 삭제 (자동완성 기능 삭제) (0) 2023.04.09 ' '는(은) 내부 또는 외부 명령 실행할 수 있는 프로그램 또는 배치 파일이 아닙니다. 오류 환경 수정 (0) 2022.11.15 티스토리 코드 블록(Code Block) 삽입 방법 : Code Highlighting (0) 2022.08.26 티스토리 블로그에 코드 실행결과 적용 (Codepen 이용) (2) 2022.08.25 VS Code Emmet 설정 (0) 2022.07.20