2020년 현재 최고 에디터는 무엇일까요. 개발자에 따라서 통합 IDE를 선호하기도 하고 Vim이나 이맥스 쪽을 선호하기도 하는데요. 오늘은 visual studio code 이야기를 해보겠습니다. visual studio code는 2019년 스택오버플로우 개발자 설문에서 50.7% 개발자가 사용한다고 응답하여 최근에 가장 인기 있는 개발 도구임을 보여주었습니다. Emacs 4.5%와 Vim 25.4% 사용자를 모두 합쳐도 비주얼 스튜디오 코드 절반 정도입니다. 에디터 전쟁은 오래전부터 내려오던 떡밥이었는데 visual studio code 정도면 이 전쟁을 끝냈다고 볼 수 있습니다. 또한, 이름 때문에 오해할 수 있지만, 마이크로소프트의 개발 도구인 visual studio와는 전혀 다른 애플리케이션..
예제 시작하기Electron는 Web 어플리케이션 개발에 사용되는 Javascript, HTML, CSS 등의 기술을 사용하여 데스크탑 응용 프로그램을 개발할 수 있는 프레임워크입니다. 하나의 소스로 크로스 플랫폼(Windows, Mac OS, Linux) 데스크톱 응용 프로그램을 개발할 수 있습니다. 이 포스트에서는 Ubuntu에서 Electron과 Vue.js를 이용한 데스크톱 애플리케이션 개발을 시작하는 데 필요한 도구의 설치 절차와 실제로 데모 프로그램 실행하기까지를 정리합니다. 결과는?다음과 같이 디폴트 상태의 Vue js + electorn 응용 프로그램을 시작하는 것까지를 정리합니다. 구동 환경다음과 같습니다. 운영체제 OS : Ubuntu 18.04Node 환경은 구축 완료. 여기에서는 v..
타입스크립트 다루던 중 만나게 된 에러입니다. 툴은 visual studio code이며, vuex와 vue cli를 사용했습니다. 우선, 웹소켓 vue-native-websocket은 아래 공식 사이트를 참조하시면 됩니다. 참조 : vue-native-websocket-forkgz [바로가기] 터미널에서 yarn add vue-native-websocket 명령어를 입력하면 설치가 됩니다. npm install vue-native-websocket --save도 상관없어요. 근데, import VueNativeSock from 'vue-native-websocket' 부분에서 웹소켓 오류가 발생합니다. 모듈 'vue-native-websocket'에 대한 선언 파일을 찾을 수 없습니다 'websocke..
npm - EPERM: operation not permitted on Windows visual studio code에서 angular(나중엔 typescript) 사용 중 에러가 발생했습니다. npm 에러다 보니 vscode 툴 자체를 사용하다 보면 발생하는 것이라 생각이 드는데요. 저는 npm cache clean --force 사용 후 이 에러를 해결했습니다. 오래된 버전의 npm이 있었으며, 다른 직원과 svn으로 소스를 주고받다 보니 충돌한 문제로 파악됩니다. 개발 환경을 아무리 똑같이 맞추려 해도 잘 안 되는 문제가 있었다고 봐야겠네요. 자, 해결 방법입니다. 우선, 터미널을 실행하고 아래 명령어를 실행합니다. npm cache clean --force 그리고 글로벌로 다시 인스톨합니다. n..
vscode에서도 svn을 연동하여 사용할 수 있습니다. 이 글은 SVN 버전 여러 가지가 있는데 저처럼 TortoiseSVN 사용하는 분들을 위한 에러 해결 방법입니다. 에러 발생 메시지와 visual studio code에서 해결하는 방법을 요약하면 이렇습니다. 마켓플레이스에서 SVN 설치 (Chris Johnston - SUBVERSION)SVN not found. Install it or configure it using the 'svn.path' settingTortoiseSVN 재설치 - Command line client tools 옵션 포함 하나씩 살펴보겠습니다. 아래는 이미 Visual Studio Code에 설치된 SVN입니다. SVN 2.1.0 Chris Jognston이 배포한 버전..
마이크로소프트에선 2019년 10월 9일(미국 시간), Windows, macOS, Linux에 대응하는 크로스 플랫폼 에디터 "Visual Studio Code(이하 VS Code 비주얼 스튜디오 코드)"의 최신 버전인 September 2019(버전 1.39)를 공개했습니다. VS Code 버전 1.39에는 편집기 기능과 워크 벤치, 통합 터미널, 언어 관련 디버깅 기능 등 많은 개선 사항이 있었는데요. 이중 쓸만한 기능 5개를 소개합니다. 에디터(편집기) 기능 : 텍스트 선택 영역을 미니맵에 표시텍스트 선택 영역을 미니맵으로 강조 표시하도록 개선되었습니다. 선택 영역의 색상을 변경하려면 "minimap.selectionHighlight" 테마 색상을 변경합니다. 호불호가 갈리는 기능인데, 소스가 눈..
Visual Studio Code는 통칭 VSCode라고 불리며, 마이크로소프트가 무료로 배포하는 오픈 소스 기반 텍스트 편집기입니다. 2015년 프리뷰 버전으로 제공을 시작했으며, 최신 1.39.2까지 업데이트되었습니다. 출시 초기부터 많은 프로그래머나 웹디자이너들의 지지를 받았고, Sublime Text, Vim 등에서 갈아타는 엔지니어도 적지 않았습니다. 또한, Visual studio라고 명명되어 비주얼스튜디오에서 파생된 것으로 생각할 수 있지만, 직접적인 파생 관계가 없는 전혀 다른 IDE(통합 개발 환경)입니다. 저 역시, 웹 개발을 시작하게 되어 vscode 설치할 일이 생겼네요. 간단하게 정리했는데, 설치 과정이 그만큼 간단합니다. 먼저, visual studio code 설치 방법 알려드..
비주얼스튜디오 2019, 1.33 버전 기준으로 작성된 포스팅입니다. 이 포스트 보고 확장 프로그램 설치하기전에 버전 꼭 확인해 주세요. 1. Rainbow CSVCSV를 아름답고 행복한 마음으로 바라볼 수 있습니다. 2. Partial Diff선택한 범위의 차이를 쉽게 확인할 수 있어 편리합니다. 3. Duplicate action파일이나 디렉토리를 버튼 하나로 복사할 수 있어서 편리합니다. 4. GitHub Pull Requests공식(유료) 버전에 한정한 기능입니다. 5. gitignoregithub/gitignore를 참조하여 자동으로 실행합니다. .gitignore라고 하면 gitignore.io를 사용하기도 합니다. 6. Todo+고급스러운 ToDo를 사용하고 싶을 때 TODO Highligh..
비주얼스튜디오 2019 기준입니다. VSCode 1.33에 적용할 수 있습니다. 주황색 번호를 누르면 해당 사이트로 이동합니다. 1. vscode-icons아이콘이 붙어 선명합니다. 2. GitLens무조건 편합니다. "커밋 단위로 파일 비교"할 수 있고, "마지막 커밋 내용 보기" 등 기능이 다양합니다. git blame 명령어 입력할 필요가 없습니다. 3. Prettie코드 포맷을 자동으로 설정합니다! 여러 사람의 손을 타는 것 보다 비주얼스튜디오 Prettie에게 맡기는 것이 편합니다. 4. Git HistoryGit log를 보기 편합니다. 5. Bracket Pair Colorizer괄호 색상을 보기 좋게 바꿔줍니다. 굉장히 쉽게 읽을 수 있습니다! 최고 중의 최고! 또한, Beta 버전이지만 ..