목록서브라임 (7)
web sprit
[Sublime Text 3] 코드정렬 설정하기.
서브라임을 사용하지만 기존의 엉망인 들여쓰기 코드를 정렬하기 위해 정렬해주는 사이트의 도움을 받아 정리하고 했습니다. 서브라임에도 정리해주는 기능이 있을꺼 같아 검색해보니 결과가 있군요!!! 다른분에게도 도움이 될까해 정리해 봅니다. 우선 sublime text를 실행해 주세요. 1. 상단메뉴에 [Preferences] > [Key Bindings] 클릭 2. 2개의 탭 화면 중 끝에 User 가 붙은 탭에 내용을 추가해 줍니다.추가할 내용은 아래와 같습니다. 123 { "keys": ["ctrl+shift+'"], "command": "reindent" , "args": { "single_line": false } } Colored by Color Scriptercs 위의 단축키["ctrl+shift+..
[Sublime Text 3] 서브라임텍스트를 이용하여 scss 컴파일 하기
SCSS를 컴파일 하기위해Front 기술로 nodeJS 나 SASS 또는 Compass 로 컴파일하여 css 로 변환해 줍니다. 그 보다 좀더 간편한 작업에 있어서브라임텍스트를 이용한 SCSS 컴파일 방법에 대해 알아보려 합니다. 우선 Ruby 와 scss가 설치 되어 있어야 합니다.그에 관한 설명은 하단을 참고하시기 바랍니다.SASS 설치방법 서브라임에서 SASS관련 패키지가 존재합니다.ctrl + shift + P 를 누르시고 PCI 를 누르시어 package install을 선택!sass 와 sass Build 패키지를 설치해 줍니다. 우선 어느정도 준비는 끝났습니다.그럼 컴파일 하는 패키지를 직접 설치해 보죠~ https://github.com/alexlitel/Sass-Build-SublimeT..
[Sublime Text 3] D2 Coding 글꼴 적용하기
서브라임 텍스트 사용자 입니다.원래 코딩 글꼴로 나눔고딕 코딩 글꼴을 사용하였는데요~ 어느순산 서브라임이 업데이트 하고 나서 글꼴 자간 간격이나 모양이 좀 이상하게 나와서 찾아본 결과 D2 Coding 글꼴이 2017.11.29 에 업댓하여 적용해 봤는데나름 괜찮더군요 ㅎㅎ 그래서 서브라임에 D2 Coding 글꼴을 적용하는 방법에 대해 설명 드리겠습니다. 우선 글꼴을 다운받으러 가야겠죠~아래의 URL로 접속해 봅니다.D2 Coding 글꼴 : https://github.com/naver/d2codingfont 위 점선영역을 클릭!!! 그럼 다운로드 버튼이 있는데 눌러서 다운 받아 줍니다. 다운 받아서 압축을 풀면 위와 같이 폰트 파일을 구성고 있습니다.이것을 제어판 >>> 글꼴로 들어가 그대로 드래그하..
Package Control 명령어를 입력하기 위해서Sublime text 실행 후 ctrl + shift + P 를 눌러줍니다.그리고 명령어를 입력해 줍니다. 명령어는 아래와 같습니다.Install Package: 패키지를 설치한다. (단축 : pci) List Package: 설치된 패키지 목록을 확인한다. (단축 : plp, list) Remove Package: 설치된 패키지를 삭제한다. (단축 : prp) Update Package: 설치된 패키지에 업데이트사항이 있는지 확인하고, 업데이트 내역이 있을 경우 업데이트한다. (단축 : pup)
Side Bar ctrl + 0 사이드바로 포커스 이동. ESC Edit 창으로 포커스 이동. ## 기타 단축키 참고 사이트 http://junil-hwang.com/blog/sublimtext-%EB%8B%A8%EC%B6%95%ED%82%A4/
현재 내가 사용하고 있는 버젼은 Sublime Text 3 이다. 원래 Sublime 사이트에서 Portable버전도 있어 설정을 해두면 이동성이 좋지만그래도 직접적인 설치가 더 안전하다 생각이 들어 본체에 심어(?) 놓았습니다. 회사 컴에 설정을 집컴에도 같은 설정을 하기 위해 다음과 같이 하였습니다.이것은 Sublime Text 2 나 Sublime Text 3 에 경우에도 같습니다. 아래의 경로로 이동C:\Users\[UserName]\AppData\Roaming\Sublime Text 3안으로 들어가면 BackupInstalled PackagesLocalPackagesSettings위와 같은 디렉토리가 존재 할것입니다. 나의 경우는 저렇고 아무튼 위 경로 안에 있는 것을 모조리 복사하여 이동하려는..
Sublime Text 3 (서브라임 텍스트) 설치방법
막강 코딩 툴 Sublime Text 3 를 설치 해보기로 한다.나도 아직은 많이 낯설다. 기존의 Editplus 를 사용한 유저이기 때문에 처음부터 차근차근 Sublime Text 에 대해 파헤쳐 보려 한다. 우선 공식 사이트를 들어가 다운 받아보도록 한다.URL : https://www.sublimetext.com/3 다음은 서브라임의 메인 화면 이다. 빨간 테두리 박스안에서 자신에게 맞는 OS 버전을 다운받으면 된다.나는 Window 64bit 이기 때문에 파란 테두리를 클릭하여 다운 받았습니다. 참고로 현제 Build 3114 버전이네요~ㅎ 설치파일이 다운받아졋네요. 그럼 과감히 더블클릭을 합니다.!!! 그럼 다음과 같은 화면을 보실 수 있습니다. 이제 Sublime Text 설치가 완료 되었습니..