visual studio code 개발자 절반이 사용하는 최고의 에디터 2020년 현재 최고 에디터는 무엇일까요. 개발자에 따라서 통합 IDE를 선호하기도 하고 Vim이나 이맥스 쪽을 선호하기도 하는데요. 오늘은 visual studio code 이야기를 해보겠습니다. visual studio code는 2019년 스택오버플로우 개발자 설문에서 50.7% 개발자가 사용한다고 응답하여 최근에 가장 인기 있는 개발 도구임을 보여주었습니다. Emacs 4.5%와 Vim 25.4% 사용자를 모두 합쳐도 비주얼 스튜디오 코드 절반 정도입니다. 에디터 전쟁은 오래전부터 내려오던 떡밥이었는데 visual studio code 정도면 이 전쟁을 끝냈다고 볼 수 있습니다. 또한, 이름 때문에 오해할 수 있지만, 마이크로소프트의 개발 도구인 visual studio와는 전혀 다른 애플리케이션.. 2020. 6. 3. 모듈 vue-native-websocket에 대한 선언 파일을 찾을 수 없습니다 타입스크립트 다루던 중 만나게 된 에러입니다. 툴은 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.. 2019. 11. 27. delete ␍ eslint(prettier/prettier) [visual studio code 타입스크립트] delete ␍ eslint(prettier/prettier) 이 오류는 타입스크립트를 포함하여 여러 스크립트 언어에서 발생하는 에러입니다. 왜냐면 eslint(prettier)에서 발생시키는 오류이기 때문입니다. 비주얼 스튜디오 코드에서 해결하는 방법은 2가지입니다. 저는 타입스크립트 사용 중 발생했지만, 에러 메시지가 똑같고 prettier를 사용한다면 같은 방법으로 오류를 없앨 수 있으니 참조하셔도 좋습니다. visual studio code 해결 첫 번째. 툴 오른쪽 아래에 보면 "줄 시퀀스의 끝 선택"을 확인할 수 있습니다. CRLF로 되어 있는데요. 여기를 클릭하세요. 화면 맨 위 가운데에 "줄 시퀀스의 끝 선택"이 활성화되며 LF 또는 CRLF를 선택할 수 있습니다. CRLF란 CR과 LF가.. 2019. 11. 25. Visual Studio Code 2019 1.39 쓸만한 기능 9가지 마이크로소프트에선 2019년 10월 9일(미국 시간), Windows, macOS, Linux에 대응하는 크로스 플랫폼 에디터 "Visual Studio Code(이하 VS Code 비주얼 스튜디오 코드)"의 최신 버전인 September 2019(버전 1.39)를 공개했습니다. VS Code 버전 1.39에는 편집기 기능과 워크 벤치, 통합 터미널, 언어 관련 디버깅 기능 등 많은 개선 사항이 있었는데요. 이중 쓸만한 기능 5개를 소개합니다. 에디터(편집기) 기능 : 텍스트 선택 영역을 미니맵에 표시텍스트 선택 영역을 미니맵으로 강조 표시하도록 개선되었습니다. 선택 영역의 색상을 변경하려면 "minimap.selectionHighlight" 테마 색상을 변경합니다. 호불호가 갈리는 기능인데, 소스가 눈.. 2019. 11. 12. vscode Visual Studio Code 설치 및 한글 설정 - 윈도우10 Visual Studio Code는 통칭 VSCode라고 불리며, 마이크로소프트가 무료로 배포하는 오픈 소스 기반 텍스트 편집기입니다. 2015년 프리뷰 버전으로 제공을 시작했으며, 최신 1.39.2까지 업데이트되었습니다. 출시 초기부터 많은 프로그래머나 웹디자이너들의 지지를 받았고, Sublime Text, Vim 등에서 갈아타는 엔지니어도 적지 않았습니다. 또한, Visual studio라고 명명되어 비주얼스튜디오에서 파생된 것으로 생각할 수 있지만, 직접적인 파생 관계가 없는 전혀 다른 IDE(통합 개발 환경)입니다. 저 역시, 웹 개발을 시작하게 되어 vscode 설치할 일이 생겼네요. 간단하게 정리했는데, 설치 과정이 그만큼 간단합니다. 먼저, visual studio code 설치 방법 알려드.. 2019. 10. 23. visual studio code 확장 프로그램 12선 - 개발 일정 단축해보자! 비주얼스튜디오 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. 8. 11. VSCode 확장프로그램 12개 추천 - 1.33 버전 비주얼스튜디오 2019 기준입니다. VSCode 1.33에 적용할 수 있습니다. 주황색 번호를 누르면 해당 사이트로 이동합니다. 1. vscode-icons아이콘이 붙어 선명합니다. 2. GitLens무조건 편합니다. "커밋 단위로 파일 비교"할 수 있고, "마지막 커밋 내용 보기" 등 기능이 다양합니다. git blame 명령어 입력할 필요가 없습니다. 3. Prettie코드 포맷을 자동으로 설정합니다! 여러 사람의 손을 타는 것 보다 비주얼스튜디오 Prettie에게 맡기는 것이 편합니다. 4. Git HistoryGit log를 보기 편합니다. 5. Bracket Pair Colorizer괄호 색상을 보기 좋게 바꿔줍니다. 굉장히 쉽게 읽을 수 있습니다! 최고 중의 최고! 또한, Beta 버전이지만 .. 2017. 3. 8. 이전 1 다음
