# vscode
[vscode] code 명령으로 vscode 열기
유튜브에서 vscode로 프로그래밍 하는 강의들을 보게 되면 code . 명령어를 통해 터미널에서 바로 vscode를 실행하게 된다. 내컴퓨터에서 아무리 code . 을 외쳐도 반응이 없고, 왜 그런지 알아봤떠니 따로 설정이 필요하다..zshrc 파일은 Pc 최상위 경
VSCode 설정 - (2) C/C++ 컴파일러 설정 (MINGW)
해당 게시글은 예전에 블로그를 파 보겠다고 삽질하다가 남은 결과물에 tistory 있던 글을 벨로그로 정착한 김에 가져온 것이다.지금 보니까 굉장히 발랄하다.^^... 고난의 길 시작이다. 작년에 C/C++ 설정하다가 진짜 화딱지가 엄청 났었는데... 그걸 기록을 안해
CRA 프로젝트에 ESLint & Prettier 추가하기
프로젝트를 시작하고 각 개인의 IDE의 설정을 각각 해주었는데, 알아보니 프로젝트에서 사용하는 코딩컨밴션을 맞추는 방법이 따로 존재했다! 이런 유용한 것 & 알아두면 좋은 것은 바로 정리해둬야징!자바스크립트 문법이나 코딩컨벤션을 검사하는 도구. 미처발견하지 못한 코딩실
Svelte#1 - Svelte scss/eslint 관련 vscode 설정
svelte관련해서 scss와eslint를 설정 하다가 좀 애먹은 부분이 있어서 공유 및 기록한다.
⚡️ VScode에서 간단하게 console.log snippet 설정하기 ⚡️
자바스크립트 개발을 하다 보면 디버깅을 위해서 console.log를 굉장히 많이 사용하게 됩니다. 하지만 console.log를 하나하나 치다 보면 오타도 많이 나고 굉장히 귀찮습니다. 그래서 console.log관련 vscode 확장 프로그램을 찾아봤는데 마음에
ESLint - 4. Prettier 적용
이 문서에서 사용하는 Prettier 버전은 1.19.1 입니다. (2020.03.02)Prettier는 코드를 읽어들여서 사용자 옵션에 따라 코드를 다시 포맷팅하는 코드 포맷터 입니다.코드 스타일에 초점을 맞추고 있기 때문에, 코드 품질을 위해 사용하는 ESLint와
ESLint - 1. 소개
React와 Vue를 사용하면서 cli를 통해 프로젝트를 생성하면 자동으로 eslint 설정이 만들어지는데, 늘 궁금했지만 귀찮아서 모르는척 지나친 날이 많았습니다. 코로나 때문에 강제 재택근무를 하게되어 남는시간에 eslint에 대해서 조금(?) 파헤쳐볼 생각으로 이
[eslint/vscode]vscode에서 eslint "sort-imports" 속성 formatting 하기
https://eslint.org/docs/rules/sort-imports마켓플레이스에서 sort-imports로 검색해서 동일 이름 익스텐션 설치참고: 처음에 TypeScript Import Sorter 익스텐션이 다운로드 수가 더 많아서 설치해 봤으나 옵
VS code 단축키
ctrl + e 파일 찾기alt + o 헤더/cpp이동F12 정의로 이동ctrl + g 특정 라인 이동shift + F12 모든 참조 심볼 찾기ctrl + shift + k 라인 삭제ctrl + c 라인 복사ctrl + x 라인 잘라내기alt + up,down 라인 움
vscode spring개발환경 구축하기
이클립스가 너무 무겁기도하고 툴을 여러개 쓰니 단축키도 맨날 헷갈려서 요즘 핫한 vscode로 web개발을 하려고 한다. 근데 애초에 내가 spring환경 개발을 많이 해보지도 않았고 정확한 의존관계도 다 알고있지 않아서 애좀 먹었다. 일단 윈도우는 성공적으로 프로그램 구동까지 성공했다. 뭐 이것저것 설치했는데 아마 모르긴 몰라도 많이 꼬여있을것이다. 하...
VSCode Typescript 환경에서 # 키워드 사용하기 (MacOS 2020 2월 기준)
내가 개발중이던 Typescript 환경에 동료가 개발한 js 파일을 가져왔는데 아래처럼 난리가 났다. 스크린샷 2020-02-07 오후 1.47.47.png 이런저런 환경설정을해도 해결이 안되었는데, 따끈한 소식을 확인해 보니 얼마전 Typescrip
vs code 웹 개발시 유용한 플러그인
highlight matching tag : html 태그 하이라이팅 https://github.com/vincaslt/vscode-highlight-matching-tag Active File In StatusBar : 편집중인 파일 경로 하단 표시 https://github.com/RoscoP/ActiveFileInStatusBar Brac...
Vscode에서 html을 chrome으로 실행하기
https://kkaesaem.blogspot.com/2018/06/vscode-html-chrome.html 일단 링크로 대체한다.
[VSCode] settings.json 편집 화면이 분할되서 나오지 않을 때
vscode를 사용할 때 settings.json 파일을 열면 아래처럼 DEFAULT settings, USER Settings, WORKSPACE Settings 나왔는데 스크린샷 2020-01-19 오전 4.36.27.png 갑자기 아래처럼 일반 파일로 열리기 시작했다. 스크린샷 2020-01-19 오전 4.36.34...
VSCode에서 format 기능 문제 해결
Vue.js 개발 생산성을 높여주는 도구 3가지 https://joshua1988.github.io/web-development/vuejs/boost-productivity/ 위 포스팅을 보고 환경설정을 했는데 터미널에서 npm run lint 할 때랑 auto save 할 때 lint fix 할 때 동작이 달랐다. 즉 save할 때 린팅 결과가 의도한 ...
vscode 에디터 단축키
터미널탭 켜기 ctrl + shift + back quote( 영어로 바꾼후 ~표시) 작업중인 창 prev, next option + command + left option + command + right 에디터 창 분할 ctrl + command + right