[ Sublime Text ] 꼭 필요한 패키지 / 쓸만한 패키지 목록 > editor

본문 바로가기
사이트 내 전체검색

editor

[ Sublime Text ] 꼭 필요한 패키지 / 쓸만한 패키지 목록

페이지 정보

작성자 웹지기 댓글 0건 조회 11,667회 작성일 18-09-14 18:33

본문

※ 패키지

메뉴 Preferences > Package Control 클릭

Install Pakege 입력 및 선택

패키지 설치시 하단에 설치 %가 나옴.


FTPSync 

 - ftp 연결 프로그램 (왜 쓰는지 잘모름, Sftp로도 접속가능함)


Sftp

 - sftp 연결 프로그램

 - 메뉴 Project > Add Folder to Project 를 통해 프로젝트 생성

 - 프로젝트 폴더위에서 마우스 우클릭 ::: sftp/ftp > Map to Remote 를 통해 sftp-config.json 설정

 - upload_on_save 'true' 는 sftp서버로 정장시 바로 업로드

 - user, host, passpwrd, port 설정후 접속가능

 - remote_path가 다르면 접속안됨.

 - Sync Local -> Remote ( PC -> Server )

 - Sync Remote -> Local ( Server -> PC )


SyncedSideBar 

 - 현재 열려진 파일의 위치를 사이바를 통해 바로바로 동시화 해줌

 - 현재 열려있는 사이드바 위치가 다른곳이라도 파일이 어떤 위치에 있는지 서로 맞춰줌으로 굉장히 편리한 기능

 - 패키지 기본 설정에서 reveal-on-activate on/off 가능


LiveStyle

 - 개발자도구를 열고 수정시 CSS 바로 적용

 - emmet livestyle 프로그램 + 크롬 브라우져 확장프로그램 필요


jQuery

 - jQuery 자동완성 기능이 추가됨


CSS Format

 - CSS 정렬


CSScomb

 - CSS의 속성을 순서대로 변경 시켜줌

 - CSSFormat 기능 포함


ConvertToUTF8 

 - euc-kr 지원

 - File > Set File Encoding To > EUC-KR 선택시 사용 가능

 - Linux, MacOS 는 Codec33도 설치해야 작동


IME Support

 - 한글 입력 지현 현상 완화

 - 윈도우만 지원


Emmet

 - 젠코딩 지원


View in Browser

 - 브라우저 오픈 기능의 원조 플러그인

 - 크롬, 파폭, 사파리, ie 등 여러 브라우져로 오픈가능, 상대경로 가능


Live Reload ( sublime text3 만 지원)

 - 에디터에서 저장시 브라우져 자동 새로고침

 - 크롭 브라우져 확장프로그램 필요


Bracket Highlighter

 - 태그의 처음과 끝을 하이라이트 시켜서 코드가 잘보이게 해줌


Side Bar Enhancements (sublime text3 만 지원)

 - 사이드바의 기능을 확장 시켜줌

 - 상대경로로 브라우저 오픈기능을 설정 할 수 있슴


Advanced New File

 - 단축키로 원하는 경로에 파일 생성

 - test/test.php 하면 폴더없으면 폴더생성, 파일 생성


※ 테마

Meterial Theme ( sublime text3 만 지원)

 - Material Theme 

[이 게시물은 웹지기님에 의해 2019-03-15 15:37:59 knowledge에서 이동 됨]
추천0 비추천0

댓글목록

등록된 댓글이 없습니다.

Total 53건 1 페이지
  • 53 [ atom ] 파일 자동 정렬 설정
  • settings > install 에서 atom-beautify를 검색 atom-beautify 파일을 설치 수정을 원하는 페이지에서 Ctrl + Shift + p 키를 눌러 커맨드창을 띄웁니다. 창에 beautify html 을 입력합니다. php 파일 같은 경우는 php.exe가 설치되어있어야 한다. 본인은 autoset10을 설치해서 사용중이다 다음 페이지로 이동해서 php-cs-fixer.phar을 다운받는다. https://github.com/Frie...
  • 웹지기 04-24 9147 2 0 댓글 1
  • 52 [ Atom ] 테마 변경 및 php 색바꾸기
  • 일단 테마를 설치해서 view code를 볼 수 있어야 한다. 테마 설치후 view code를 열어서 파일 css를 덮어씌운다. 뷰코드는 테마명 > style폴더 >> base.less >> colors.less >> syntax-variables.less > index.less 이런식이다 파일이 없으면 만든다. index.less는 base.less를 향...
  • 웹지기 09-13 5047 1 0 댓글 1
  • 51 [ Atom ] Show Tree View On Right Side( 디렉토리 우측 ) 옵션 사용
  • V1.17의 Docks가 릴리즈 됨에 따라 Tree View 가 Panel에서 Dock로 변경되었다. Show Tree View On Right Side 옵션이 사라지고 대신 Tree View를 끌어서 옮길 수 있도록 수정이 되었다. [이 게시물은 웹지기님에 의해 2019-03-15 15:47:08 knowledge에서 이동 됨]
  • 웹지기 09-18 4676 1 0 댓글 1
  • 50 [ editplus ] 에디트플러스 ftp파일 생성시 파일목록 디렉토리 목록 안바뀌는 현상
  • 에디트플러스 ftp파일 생성시 파일목록 디렉토리 목록 안바뀌는 현상이 존재했다 일반 디렉토리에서는 파일이나 디렉토리 생성시 정상적으로 새로고침이 되면서 보여졌다 그런데 ftp상태의 파일은 새로고침은 되는데 보이지 않았다 이것저것 만져봐도 안됨. Ftp설정에서 디렉토리 내용 기억 항목이 체크 되어있어서 없애 보았더니 된장 잘되네 디렉토리 내용 기억이라는게 현재상태의 내용을 기억해서 항상 새로고침을 해줘야 반영이 되었다. 기억이라고 하길래 좋은 것인줄 알았는데 꼭 그렇지만은 않는것...
  • 웹지기 08-31 8177 0 0 댓글 0
  • 49 [ Atom api ] Atom api 단축키
  • Atom단축키(Windows기준) Editor Ctrl + Shift + P:커맨드 팔레트 열기 Ctrl + ,:설정 뷰 열기 Ctrl + O:파일 열기 Ctrl + N:새로운 파일 생성 Ctrl + W:창 닫기(뷰 포함) Ctrl + \: Treeview토글 Alt + \: Treeview포커스 전환 Ctrl + .:키 바인딩 현황 보기 Ctrl + K→방향키:뷰 나누기 Ctrl + K→Ctrl +방향키:뷰 전환 Ctrl + k U : 커서가 위치한 단어를 대...
  • 웹지기 09-11 5955 0 0 댓글 0
  • 48 Edit plus php debug 설정 방법
  • 에디터 플러스에서 php debug설정 방법도구 > 기본설정 > 항목탭의 도구 > 항목 도구탭의 사용자도구 > 그룹과 도구 항목 선택추가 > 프로그램메뉴제목 : ~~~~~~~~~~제목~~~~~~~~명령 : D:\APM_Setup\Server\PHP5\php.exe (apmsetup 또는 php.net의 실행프로그램이 설치 되있어야함)인수 : -l $(Copy)동작 : 텍스트 필터로 실행(출력창)출력패턴 : ([A-Za-z]\:...
  • 웹지기 09-11 3875 0 0 댓글 0
  • 47 [ Atom ] 단축키 및 간단 설정
  • Atom 편집기 설정. Shortcuts(config) Settings // Ctrl + , Menu bar toggle // Alt Fuzzy Finder // Ctrl + T(프로젝트 전체에서 파일 검색), Ctrl + B(열린 문서에서 파일 검색) Shortcuts(editing) Lines Duplicate lines // Ctrl + Shift + D Move line up // Ctrl + Up Move line down // Ctrl + Dow...
  • 웹지기 09-12 10501 0 0 댓글 1
  • 46 [ Atom ] 쓸만한 테마 및 패키지
  • ※ Installed Packages ▶ Community packages. 1. Remote-FTP 2. activate-power-mode 3. atom-beautify 4. autocomplete-php 5. emmet 6. highlight-line 7. highlight-selected 8. linter 9. file-icons 10. minimap ▶ Core Packages. - basic setting tree-view = basic - ...
  • 웹지기 09-12 5049 0 0 댓글 6
  • 45 [ Atom ] 가운데 선 제거
  • 아톰 에디터 가운데 부분에 선이 그어져 있슴.선을 지우자File > Stylesheet > 하단부분에 다음을 추가한다.// editor center line deleteatom-text-editor::shadow{ .wrap-guide{ visibility: hidden; }} [이 게시물은 웹지기님에 의해 2019-03-15 15:37:59 knowledge에서 이동 됨]
  • 웹지기 09-12 4688 0 0 댓글 0
  • 44 [ Atom ] 탭 띄어쓰기 들여쓰기선등 설정
  • Editor Setting >- show indent guide ( 들여쓰기 된 곳을 선으로 표시해줌 )- show invisibles ( tab, space, newline을 표시해서 헬갈리지 않게 해줌 )- Tab Type 을 hard로 변경( soft, auto > tab을 space 4개로 변경, 또는 tabs-to-spaces 패키지 설치) [이 게시물은 웹지기님에 의해 2019-03-15 15:37:59 knowledge에서 이동 됨]
  • 웹지기 09-12 10074 0 0 댓글 1
  • 43 [ Brackets ] 브라켓 Synapse sftp 접속 오류
  • C:\Users\Administrator\AppData\Roaming\Brackets\extensions\user\brackets-synapse\node\node_modules\ssh2-streams\lib\ Administator = 본인계정입니다. sftp.js 파일 9줄 constants = process.binding('constants') 부분을 constants = require('fs').constants || process.binding('constants') 수정하면 정...
  • 웹지기 09-13 10158 0 0 댓글 0
  • 42 [ Brackets ] 브라켓 쓸만한 확장 기능
  • Brackets Power Mode - 글을 쓸때 글자에 이팩트를 주어서 재미있는 코딩을 즐기게 해줌. - 활성화 Ctrl + Alt + 0 Brackets Synapse - Ftp / Sftp 등을 사용 할 수 있게 해줌. - 화면 우측에 이미지가 추가됨. 클릭시 synapse가 뜨고 +를 눌러서 추가 할 수 있슴. - 한번에 한개의 ftp / sftp만 연결 가능 Brackets Tree Icons - 디렉토리 및 파일의 모양을 바꿔줌(아름답게) Dark Revolu...
  • 웹지기 09-13 18037 0 0 댓글 0
  • 열람중 [ Sublime Text ] 꼭 필요한 패키지 / 쓸만한 패키지 목록
  • ※ 패키지 메뉴 Preferences > Package Control 클릭 Install Pakege 입력 및 선택 패키지 설치시 하단에 설치 %가 나옴. FTPSync - ftp 연결 프로그램 (왜 쓰는지 잘모름, Sftp로도 접속가능함) Sftp - sftp 연결 프로그램 - 메뉴 Project > Add Folder to Project 를 통해 프로젝트 생성 - 프로젝트 폴더위에서 마우스 우클릭 ::: sftp/ftp > Ma...
  • 웹지기 09-14 11668 0 0 댓글 0
  • 40 [ Sublime text3 ] Package Controller 설치 - 기본설치 프로그램
  • Sublime Text3의 추가 설정을 사용하고 싶다면 무조건 설치해야 하는 코어라고 보면 됨.Package Controller 을 먼저 설치 단축키 Ctrl + ` 또는 메뉴 View > Show Console 클릭 https://packagecontrol.io/installation하단에 콘솔이 열리면 링크의 코드를 복사하고 엔터코드는 접속할 때마다 바뀜. 사이트 방문해서 코드를 복사해야 함.설치확인은 메뉴 > Perferences > Packag...
  • 웹지기 09-14 5234 0 0 댓글 0
  • 39 [ EditPlus ] php debug 설정 방법
  • 도구 > 기본설정 > 항목탭의 도구 > 항목 도구탭의 사용자도구 > 그룹과 도구 항목 선택 추가 > 프로그램 메뉴제목 : ~~~~~~~~~~제목~~~~~~~~ 명령 : D:\APM_Setup\Server\PHP5\php.exe (apmsetup 또는 php.net의 실행프로그램이 설치 되있어야함) 인수 : -l $(Copy) 동작 : 텍스트 필터로 실행(출력창) 출력패턴 : ([A-Za-z]\:.*) on lin...
  • 웹지기 09-19 6178 0 0 댓글 0
게시물 검색

회원로그인

접속자집계

오늘
11,104
어제
29,471
최대
33,828
전체
8,509,645

그누보드5
Copyright © funyphp.com. All rights reserved.