기본적으로 VScode에서 설정된 색상이 있지만 커스텀 해서 사용 하는 것도 나쁘지 않아 적용해 봤다. 내가 설정 한 색상 값 : https://crispypotato.tistory.com/242 VSCode 글씨 색상 설정 값 "editor.tokenColorCustomizations": { "textMateRules": [ { "scope": "keyword.control.import.ts", "settings": { "foreground": "#FF657A" } }, { "scope": "string.quoted.single.ts", "settings": { "foreground": "#FFD76D" } }, { "scope": "string.quoted.single.ts" crispypotato...

설정 방법 : https://crispypotato.tistory.com/243

React 코드를 협업에 유용하게 또는 코드를 알아보기 쉽게 하기 위해 사용한다. 1. Prettier 설치 VSCode에서 왼쪽상단에 확장을 클릭해준다. 확장을 클릭 한 후 prettier를 검색하여 를 설치 해준다. 2. .prettierrc 파일 생성 .prettierrc라는 파일을 해당 프로젝트 루트 디렉토리에 만들어준다. { "trailingComma": "es5", "tabWidth": 2, "semi": false, "singleQuote": true } 자세한 규칙 설명은 공식 문서에서 확인 할 수 있다. https://prettier.io/docs/en/options.html Prettier · Opinionated Code Formatter Opinionated Code Formatte..

환경 : Vue는 vue-cli로 설치 한 환경이며, Vue2 입니다. VSCode 에서 Ctnl + , 으로 설정 창 으로 이동한다. 1. VSCode 설정 값 변경 설정창 오른쪽 상단 버튼을 클릭한다. json 형식으로 세팅 값이 변경 되는데 "editor.codeActionsOnSave": { "source.fixAll.eslint":true }, "editor.formatOnSave": true 값을 넣어주고 저장한다. 2. 설치 한 Vue package.json에서 세팅 값 수정 package.json으로 보면 extends에서 plugin:vue/essential 를 plugin:vue/recommended으로 변경 해준다. 그 후 VSCode를 재시작 해준다. 3. 상세 룰 수정 형식에 맞게..

윈도우에 있는 폴더를 WSL2에 가져와 업데이트를 할때 Error: EACCES: permission denied open ~ 이라는 오류가 발생한다. 해결방법은 chmod를 이용하여 폴더 및 파일에 권한을 주면된다. *test 폴더 권한 수정 drwxr-xr-x 4 ubuntu ubuntu 4096 May 13 17:19 test/ 명령어 chmod -R 777 test/ 실행 하면 정상적으로 변경에 성공한다. drwxrwxrwx 3 ubuntu ubuntu 4096 May 14 16:32 test/ 출처 : https://pinkwink.kr/1343

javascript standard 사용, 저장시 자동 javascript standard형식으로 변환 vscode를 설치 후 확장프로그램 설치 js standard 확장프로그램 설치 , 설명서 marketplace.visualstudio.com/items?itemName=chenxsan.vscode-standardjs Auto Close Tag ESLint Git History Git Project Manager Monokai Pro Vetur Material Icon Theme vs설정에 들어가서 json파일로 변경하여 "editor.codeActionsOnSave": { "source.fixAll": true, }, "editor.formatOnSave": true, "editor.formatOnT..