웹 개발의 기본! 편집기(Editor) 설치하기
A hackable text editor for the 21st Century
At GitHub, we’re building the text editor we’ve always wanted: hackable to the core, but approachable on the first day without ever touching a config file. We can’t wait to see what you build with it.
atom.io
위의 링크로 들어가서 아톰을 다운받자
본인이 사용하고 있는 운영체제에 맞게 설치해주면 되지롱
오른쪽에 뜨는 팝업은 Yes하면 된다.
Settings 단축키는 컨트롤+","이다. 컨트롤과 ,를 눌러서 Settings로 진입해주자.
Install로 들어가서, 다음의 추가 패키지를 설치해주자.
- Emmet : Tab키로 코드 자동완성
- atom-beautify : 들여쓰기, 정렬 등 코드를 예쁘게 정리해서 보여줌
- Minimap : 화면 오른쪽에 현재 페이지의 코드를 미니맵으로 보여줌
- Minimap-cursorline : 미니맵을 통해 현재 코드의 위치를 보여줌
- pigments : 코드에서 색을 직관적으로 볼 수 있게 해줌
- color-picker : 편집기에서 색상 팔레트를 사용할 수 있음
- Linter : 자동 문법 검사 기능
>Linter의 경우 사용하는 언어에 따라 추가 설치 필요(Linter-HTML, Linter-CSS, Linter-JS 등)
728x90
'Web > HTML' 카테고리의 다른 글
| 5. HTML 웹사이트 만들기 | 하이퍼링크 삽입, a href (0) | 2021.01.12 |
|---|---|
| 4. HTML 문서 만들기 | html, head, title, body, doctype (0) | 2021.01.12 |
| 3. HTML 목록 만들기 | li, ul, ol (0) | 2021.01.12 |
| 2. HTML 기초 | 아톰(Atom) 기본 사용법, HTML 태그, HTML 공부 방향 (1) | 2021.01.11 |