Brackets [2] - 플러그인 : Emmet
Brackets Plugin (확장기능) 설치 : emmet
※ Emmet - 웹개발자의 필수불가결의 툴킷
1) 파일 > 확장기능 설치 > 검색창에 Emmet 검색후 설치
2) 설치가 끝나면 상단 메뉴에 "Emmet" 메뉴가 생성됩니다.
2) Emmet 플러그인 테스트 :
i) 파일 > 새파일 생성 후 -> 빈파일을 다른 이름으로 저장 합니다. 파일명은 test.html
ii) ! 를 입력후 키보드의 Tab 키를 누릅니다. 아래와 같이 html 기본 코드가 자동생성됩니다.
'CMS > server' 카테고리의 다른 글
| XAMPP [3] - 로컬서버 설치 및 PHP 테스트 (0) | 2018.04.24 |
|---|---|
| Brackets [3] - 플러그인 : Emmet 사용법 (0) | 2018.04.24 |
| Brackets [1] - 코드 에디터(Code Editor) (0) | 2018.04.24 |
| XAMPP (Apache + MariaDB + PHP + Perl) 메뉴 설명 및 설정 (0) | 2018.04.17 |
| XAMPP ( Apache + MariaDB + PHP + Perl ) 설치 (0) | 2018.04.16 |
Brackets [1] - 코드 에디터(Code Editor)
코드 에디터(Code Editor) - Brackets : Adobe에서 무료로 배포하는 에디터
https://brackets.io
01. 위의 사이트에 접속해 Brackets을 다운로드한 후 설치합니다.
02. Brackets을 실행합니다. 메뉴중 파일 > 확장기능 관리자를 실행합니다. 플러그인을 설치합니다.
1) 실행한 "확장기능 관리자"의 검색창에서 "Smart Theme Dark"를 검색해 설치합니다.
2) CSS important property를 검색해 설치합니다.
'CMS > server' 카테고리의 다른 글
| XAMPP [3] - 로컬서버 설치 및 PHP 테스트 (0) | 2018.04.24 |
|---|---|
| Brackets [3] - 플러그인 : Emmet 사용법 (0) | 2018.04.24 |
| Brackets [2] - 플러그인 : Emmet (0) | 2018.04.24 |
| XAMPP (Apache + MariaDB + PHP + Perl) 메뉴 설명 및 설정 (0) | 2018.04.17 |
| XAMPP ( Apache + MariaDB + PHP + Perl ) 설치 (0) | 2018.04.16 |
Code Editors - 코딩을 위한 멋진 에디터 프로그램
Code Editors - 코딩을 위한 멋진 에디터 프로그램
01. Brackets (http://brackets.io/) [PC / Mac : 무료] ★★★★★
02. Sublime Text [PC / Mac : 무료] ( http://www.sublimetext.com/ ) ★★★★★
03. Dreamweaver [PC / Mac : 유료] ( https://www.adobe.com/products/dreamweaver.html ) ★★★★★
04. Atom [PC / Mac : 무료] ( https://atom.io ) ★★★★★
05. Bluefish [PC / Mac : 무료] ( https://sourceforge.net/projects/bluefish/ )
06. CoffeeCup [PC : 무료] ( https://www.coffeecup.com/free-editor/ )
07. Notepad++ [PC : 무료] ( https://notepad-plus-plus.org/ )
08. BBEdit [Mac : 유료] ( https://www.barebones.com/ )
08. Coda [Mac : 유료] ( https://panic.com/coda/ )
'Web Design > web design general' 카테고리의 다른 글
| Google Web Fonts [구글 웹폰트] (2) | 2018.04.18 |
|---|---|
| 웹폰트 (web font) 사용하기 (1) - CDN (0) | 2018.04.16 |
| 테이블을 간단하게 멋지게 ( datatables - Table Plug-in for jQuery ) (0) | 2018.04.10 |
| SVG 관련 유용한 사이트 (0) | 2018.04.10 |
| APNG (Animated Portable Network Graphics) & PNG (0) | 2017.07.16 |
