본문 바로가기

Tech Note/IDE

(14)
Jetbrain (WebStorm / IntelliJ / PHPStorm ...) 경로 별칭 설정 Jetbrain 제품군 (WebStorm, IntelliJ, PHPStorm 등등)에서 Nuxt.js 및 Vue.js 어플리케이션을 개발할때 "@/" 및 "~/" 문자열로 경로 자동완성(intellisense)을 지원하지 않는다. 이에 다음과 같은 형태로 처리(?) 로 가능하다. Visual Studio Code 에서는 jsconfig.json 으로 path 에 대한 alias 를 설정할 수가 있으나 익숙해진 WebStorm 인터페이스를 고집하기 위해 구글링 ㄱㄱ 먼저 프로젝트 루트에 다음과 같은 파일을 만든다. 파일명은 자유형식인것 같다. 나는 config.webstorm.js 로 만들었다. 이에 파일내용은 다음과 같이 입력한다. System.config({ "paths": { "~/*": "./*",..
Visual Studio Code (테마설정) Visual Studio 코드를 주 개발 IDE 로 사용하다보니, 창이 여러개 열렸을때 관리가 어려웠는데 다음과 같이 색상에 대하여 설정합니다. 파일경로 : .vscode/settings.json
Emmet 으로 HTML UI 개발속도 높이기 출처 : http://codeflow.co.kr/question/393/emmet으로-html과-css-작업-속도-높이기-accelerate-your-html-and-css-production-with-emmet/ Emmet (Zen Coding으로 알려진바 있는) 은 빠른 웹개발을 위한 마크로와 키보드 바로가기 모음집입니다. 무상 다운로드 할수있으,며10여개이상의 에디터의 플러그인으로 설치할수 있이며, 일관성 있게 사용한다면 최대 2배의 생산성을 기대할수 있습니다. 이 포스팅에서 Emmet의 설치, 사용법과 최대의 결과를 얻기위한 커스터마이징 방법들을 설명하겠습니다.최근에 나온 에디터의 대부분은태그를 자동으로 닫아주거나 늘상 쓰이는 요소들로 미리 포맷을 잡아주거나하는, 이런 저런 종류의 마크로를 내부에..
PHP - IDE CodeLobster (코드랍스터) 오웃. 꽤 괜찮은 PHP IDE 가 나왔다. CodeLobster (코드랍스터) ㅋㅋㅋ현재까지는 윈도우까지만 지원한다.무엇보다 훌륭한건 상용화되있는 PHP 프레임워크 및 jQuery 등을 꽤나 훌륭히 지원한다.거기다 디버깅에 브레이크 포인트까지.PHP 웹개발을 위해서만 특화된 IDE 라는 느낌이 팍팍온다. ㅎㅎ 그리고 system 쪽에 코어클래스중 커스텀으로 추가한 메소드라든지 코드어시스트 기능이 제법 깔끔히지원된다. 이클립스에서 코드이그나이터 코드어시스트를 받으려면 프로젝트를 추가해주고 사용해야 하는꽤나 그지같은 불편함이 있었는데; 그리고 컬러스키마같은 경우도 꽤나 다양하게 종류를 제공한다. 하지만 에디션별로 사용할 수 있는 차이가 있다. 어느 툴과 마찬가지로. ㅎㅎ일단 프리버젼 등록키를 받고나면 30..
Visual Studio 단축키 출처 : http://luyin.tistory.com/294 편집 관련 단축키편집 관련 단축키들은 익혀두면 다른 문서를 작성 할때도 많이 도움이 될 것이다.문서 편집 관련 단축키들은 사용하면 사용할 수록 코딩 속도가 빨라진다. Ctrl + F : 찾기중요도 : ★★★☆☆활용 : 특정 클래스, 함수, 변수 등을 검색한다. Ctrl + Shift + F : 파일에서 찾기중요도 : ★☆☆☆☆활용 : 특정 클래스, 함수, 변수 등을 검색한다. 현제 프로젝트가 아닌 파일에서도 찾을 수 있다. Ctrl + Space : NameSpace중요도 : ★★★★★활용 : 현재 접근 가능한 클래스명, 함수명, DEFINE문 등의 목록을 보여준다. 코드를 치는 도중 Ctrl + Space를 누르면 이전에 선언된 것과 가까운 ..
Sublime Text2 (서브라임 텍스트) 폰트 변경 생각보다 간단하다.구글링뒤져보면 잘나오는데 간단히 캡쳐를 뜹니다.^^ 먼저 설정에서 User 를 선택합니다. 아래와 같은 파일이 열리면 항목에 "font_face" 를 추가합니다. 그리고 파일을 다시 열면 편집기에서 폰트가변경되있는 것을 볼 수 있습니다.
이클립스 파일 탭 폰트크기 이클립스를 쓰다 보면.. 어느날 갑자기 미쳐가지고...파일 탭에 있는 파일명 폰트가 디지게 커져있는것을 볼수 가 있다.계속 껐다가 켜도 그대로 길래 구글링 하다보니 찾음. 이미 다른 분들은 이런 오류 다 겪어보셨을수도.^^; 그럼.. 파일 몇개 못열과 탭이 꽈악 찬다..ㅡㅡ^ 아무튼 이클립스를 설치한 폴더에 플러그인 폴더가 있을것이다. ECLIPSE_HOME/plugins/ 거기서 확장자가 *.css 파일을 찾는다.그럼 e4_basestyle.css 란 파일이 있을것이다. 그럼 그 파일을 열고 수정을 해야하는데 클래스 명이 항목이 ".MPartStack" 인 것을 찾는다.그럼 그 곳에 폰트사이즈를 넣어준다. 나는 9픽셀로 수정. 그럼 이제 정상적으로 출력이 된다. 굳이 이렇게 까지 해야하나 싶었지만..참..
이클립스 - SVN | 2. 체크아웃 SVN 설치 과정이 끝났다면 이제 체크아웃을 해야한다.프로젝트에서 import 를 하면 (마우스 우클릭~ ㅋㅋ) 아래와 같은 창이 나타난다. 1. Import 그럼 SVN 을 클릭하면 Checkout Projects from SVN 이 나타난다. 선택하고 Next!!2. 레파지토리 추가Create a new repositiory location 이라고 있다. 그리고 체크아웃 ㄱㄱㄱ 해서 URL을 입력하고 나면 끝. ㅋㅋㅋ이제부터 쭈욱 쓰면 됨. 그리고 코딩하는 란에 마우스 우클릭 실행하면 아래와 같이 Team 란 메뉴가 있고,해당 메뉴에서는 SVN 관련 기능들이 쭈욱 나열되어 있다. 이제 사용~ 추가적으로 아래와 같은 기능정도만 알아놓으면 상당히 편함. 기능 설명 Synchronize with Repos..

반응형