VScode

VScode

[vscode] 탭 사이즈 2칸 설정하기, 탭 사이즈 바뀌지 않게 하기

vscode를 사용하다보면, 어떤 코드는 tabSize가 2칸, 어떤 코드는 4칸이다. vscode에서는 코드를 받으면 자동으로 indentation이 몇칸인지 감지해서 설정을 바꿔주는데, 자꾸 설정이 바뀌니까 indent-rainbow 나 prettier등의 extension을 쓰는 사람들은 꽤 불편하다. 나는 2칸을 선호하므로, 어떤 코드이던 무조건 space 2칸이 되도록 설정해보자. ctrl + shfit + p 를 눌러서 setting.json에 들어가자 아래와 같은 코드를 추가한다. // The number of spaces a tab is equal to. This setting is overridden // based on the file contents when `editor.detect..

VScode

[VScode] java 오류 "Cannot resolve the modulepaths/classpaths automatically, please specify the value in the launch.json."

java를 8을 쓰다가 11을 쓰려고 하니까 vscode에서 아래와 같은 에러가 났다 "Cannot resolve the modulepaths/classpaths automatically, please specify the value in the launch.json." Debugger extension에서 java8로 설정되어있어서 그런 것 같다. ctrl + shift + p를 누르고 Clean Java Language Server Workspace를 해주면 해결된다. https://stackoverflow.com/questions/67302573/java-vscode-errorcannot-resolve-the-modulepaths-classpaths-automatically-pleas

VScode

[vscode] app.properties 한글 깨짐, vsc인코딩 문제 해결, Native-ASCII converter

app.properties에서 한글이 깨지는 경우 인코딩이 잘못되서 발생하는 문제이다. 먼저 자동 인코딩을 켜두는 것이 좋다. 1. 자동인코딩 켜기 ctrl + shift + p를 눌러 settings.json에 들어가서 아래를 추가하자. //자동 인코딩 "files.autoGuessEncoding": true, 2. Reload 적용이 안될 경우 vscode를 reload하면 된다. ctrl + shift + p를 눌러 reload window를 검색하거나, ctrl + R을 눌러주자 3. Native-ASCII Converter Extension 설치 자동인코딩으로 해결이 안되면 Extension을 설치한다. Native-ASCII Converter Extension을 설치하자. 4. convert ..

VScode

[vscode] vue, java, spring, xml(mybatis) 개발환경 세팅

VScode Install VScode가 없는 사람들은 먼저 설치한다. https://code.visualstudio.com/download Extension이란? extension은 확장팩, plugin같은 것이다. vscode는 기본적으로 코드 편집기라서 가장 간단한 기능만 들어있다. 하지만 extension을 추가로 설치해서 IDE처럼 사용할 수도 있다. 내 입맛에 맞게 고칠 수 붙일 수 있다는게 장점이다. Extension 설치방법 vscode왼쪽 버튼을 클릭하거나 ctrl + shift + x를 눌러 extension market을 연다. 원하는 extension을 검색해서 install을 누른다. 필수 Extension설치 1. Git bash를 default로 쓰는 설정 2022.07.06 ..

VScode

[vscode] git bash쓰기, git bash를 default terminal로 쓰기

원래는 git bash가 있었는데, 업데이트되면서 빠졌다. setting.json에 아래와 같은 내용을 추가하면 git bash를 default terminal로 쓸수 있다. { //git bash 사용 "terminal.integrated.profiles.windows": { "GitBash": { "path": ["D:\\development\\install\\Git\\bin\\bash.exe"], //git이 깔린 위치 }, }, "terminal.integrated.defaultProfile.windows": "GitBash", }

VScode

[vscode] java, springboot 개발환경 세팅

1. vscode깔기 왠만하면 한국어 패치 하지 말기. 구글링하기 불편함 https://code.visualstudio.com/ Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows. code.visualstudio.com 2. extension깔기 extension pack for java ( ..

VScode

[vscode] [vue/no-multiple-template-root] 오류 해결

vue3를 사용하고 있는데, [vue/no-multiple-template-root] The template root requires exactly one element.eslint-plugin-vue 오류가 나서 eslint 관련된 패키지를 다 지웠는데도 계속 오류가 났다. npm remove eslint 알고보니 vscode 의 extension Vuter의 오류이다. Vueter에서 vue3를 여전히 vue2로 인식하고 있는 듯 하다. Vueter에서 eslint관련 옵션을 꺼주면 더이상 에러가 나지 않는다. F1 을 눌러 preference:Open Settings (JSON)을 검색한다. 그리고 아래를 복사 붙여넣기 하면 더이상 에러가 나지 않는다. { "vetur.validation.templ..

VScode

[VScode] 키보드 단축키 만들기

1. explorer창으로 focus이동 2. create new file 3. create new folder 이렇게 새가지 키보드 단축키를 만들어 볼 것이다. 1. explorer창으로 focus이동 ctrl + shift + p 를 이용하면 작업할 내용을 검색해서 실행할 수 있다. ctrl + shift + p 를 누르고 explorer를 검색한다. 아래에 File : Focus on Files Explorer의 톱니바퀴를 클릭한다. 이런 창이 나오는데, keybinding 부분을 더블클릭하면 어떤 키를 사용해서 단축키를 만들거냐고 물어본다. 원하는 키를 입력해준다. 나는 ctrl+f8을 눌렀다. 키를 누르고 Enter를 누르면 완료! 2.3.create new file & create new fo..

우주유령
'VScode' 카테고리의 글 목록