집에서라면 계속해서 드림위버를 썼겠지만, 사무실에서 간단한 수정을 위해 효율적인 에디터를 찾다가 Atom을 만났다.
github에서 개발한 오픈소스로 무료사용이 가능하며, 개인에 맞춤 플러그인을 통해 맞춤형지원을 한다.
1. 아톰 다운로드 받기. 설치후 최초 실행시 atom:// 을 atom 으로 연결시킬건지 물어보는데, 연결 시키는걸 추천. (플러그인 설치가 편해짐)
https://atom.io/
2. 아톰에서 코드를 컬러풀하게 보여주는 seti-ui 를 설치한다.
https://atom.io/themes/seti-ui
3. 들여쓰기를 편하게 해주는 플러그인
https://atom.io/packages/atom-beautify
4. 프로그램시 사용하는 함수가 어디있는지 열어주는 플러그인
https://atom.io/packages/pigments
5. 변수를 더블클릭했을때 동일변수를 모두 하이라이트해서 보여줌.
https://atom.io/packages/highlight-selected
6. html을 열면 자동으로 닫는테그를 만들어준다.
https://atom.io/packages/autoclose-html
7. 문법 검사 및 유효성을 검사한다.
https://atom.io/packages/linter
8. 원격 SFTP / FTP 로 접속해서 서버의 파일을 수정하고 업데이트.
Remote-FTP는 사용할줄 몰라서 첨엔 좀 헤맸는데.. 간단하게 설명하자면.
이제 Pageages > Remote-FTP > Create SFTP config file 를 선택
.ftpconfig 파일이 생겼으면 host 와 user , pass , remote 경로 요정도만 입력하고 저장.
Packages > Remote-FTP > Toggle 를 선택
좌측상단에 Remote 가 생겼다..
들어가면 connect 를 누르면 끝!
참고로 자동으로 저장하게 하려면
File > Setting 에 들어가서 Remote-FTP를 찾아서 Settings 를 누른다.
Auto Upload On Save 를 always 로 하고
Beta Multiple Hosts 에 체크한다.
댓글 없음:
댓글 쓰기