TOOL (78) 썸네일형 리스트형 [VSCode] vscode format prettier 적용 안될 때 다른 프로젝트에도 프리티어 규칙이 필요하여 하단처럼 설정에 Default Formatter를 Prettier로 설정을 하였다.하지만 동작하지 않았고, 서칭 후에 하나더 설정을 확인해보기로 했다. Editor : Format On Save가 체크되어있는지 확인해보았는데 정상적으로 체크가 되어있었다. 그래도 새로운 프로젝트에는 프리티어가 적용되지 않았다! 에디터 하단에 Prettier가 잘 동작하는지 클릭해보면 로그가 하단창에 나타나는데 메세지는 다음과 같았다.vscode Require config set to true and no config present. Skipping file. 계속해서 파일을 스킵하고 있었다. 이메세지 그대로 서칭해본결과 설정에서 Require Config를 검색한 후 이 설정이 .. [VSCode] Github Copilot 확장 이용하기 Github의 코드 AI인 Copilot은 코드를 작성하는 도중에 내가 해당 workspace에서 사용한 코드를 분석하여 제일 근접한 스타일을 추천해주는 유용한 도구이다.tab키를 누르면 추천해준 코드가 모두 반영된다. 만약에 여러줄 코드중에 적용하고자 하는 코드가 한줄이라면?VSCode의 Keyboard Shortcuts (json)에 추가하면된다. ctrl + shift + p 로 검색창을 활성화후에> Preferences: Open Keyboard Shortcuts(json) 파일을 열어 아래와 같이 단축키를 추가한다.{ "key": "shift+alt+right", "command": "editor.action.inlineSuggest.acceptNextLine", "when": .. [VSCode] Extension convertToAsciiArt 주석 꾸미기 convertToAsciiArt에 대해 더 자세히 알고 싶으면 다음 링크를 참고해주세요.https://jintrue.tistory.com/entry/VSCode-minimap%EC%97%90%EC%84%9C-%ED%98%84%EC%9E%AC-%EC%9C%84%EC%B9%98-%EC%95%8C%EB%A6%AC%EB%8A%94-%EC%A3%BC%EC%84%9D-%EB%A7%8C%EB%93%A4%EA%B8%B0 [VSCode] minimap에서 현재 위치 알리는 주석 만들기VSCode 플러그인 중 주석을 기깔나게 만들어주는 Convert To ASCII Art 를 소개한다. 예시로는 그럼 미니 맵에서 이렇게 보인다. https://marketplace.visualstudio.com/items?itemName=.. [VSCode] 한줄 선택 단축키 설정 vscode 단축키 APIhttps://demun.github.io/vscode-tutorial/shortcuts/→ settings > keyboards > expandLineSelection 검색후 설정 cmd + l 이 개인적으로 편하다. 만약 중복된 단축키가 있다면, 다른 단축키로 변경하자. [VSCode] 드래그 한 스타일만 포맷 변환하는 확장 (style-compressor) 확장 사용 예시프로젝트를 협업하다보면 CSS 포멧 스타일이 다를때가 있다. 지금 하고 있는 프로젝트 CSS 스타일은 한 줄에 한클래스의 스타일을 나열하는 Compact 형식이다. CSS/SCSS 포맷 종류에 대해서는 전에 게시해둔 글을 참고해도 좋다.https://jintrue.tistory.com/entry/SCSS-CSS-Format-%EC%A2%85%EB%A5%98%EC%97%90-%EA%B4%80%ED%95%98%EC%97%AC [SCSS, CSS] Format 종류에 관하여CSS 전처리기인 SCSS를 통하여 작업을 한 후 해당 SCSS 파일을 CSS로 컴파일하게 된다.이때 컨파일하는 CSS 파일 포맷 종류를 정할 수 있다.Format의 종류에는 Expanded, Compact, Compresse.. [VSCode] Git Bash 사라짐 fnm를 설치하여 한 프로젝트를 로컬에 셋팅하던 와중에 VSC에 Bash창이 날라가버렸다...아마도 아래 명령어 때문인거 같은데eval "$(fnm env --use-on-cd --shell bash)" 환경변수 설정을 하려다가 더 꼬일꺼 같아서 VSC 의 settings.json 파일에 bash 경로를 정확하게 설정해 볼까한다. 우선 내 로컬에서 bash가 어디에 설치되어있는지 봐야하는데, 커멘드 라인에서 위치를 찾아보면which bash/usr/bin/bash로 나오므로 정확하게 알수 없다..보통 git을 설치하게 되면 C:\\Programs 폴더에 설치되므로 참고!나는 D 드라이브에 program이라는 폴더를 만들어서 설치했었다. {"terminal.integrated.profiles.windows.. [VSCode] 알록달록 주석 색상 설정 1. 기본 설정기본 VSCode 안에 내장되어 있는 설정이다.간단하게 settings.json에 설정값만 입력해주면 바로 적용이 된다.우선 Ctrl + Shift + P 를 눌러 ">setting" 검색 후 "Open User Settings (JSON)"를 검색한다. 아래와 같이 설정값을 채워준다.{//......// 주석 색상 설정 "editor.tokenColorCustomizations": { "comments": "#2596be" },//......}원하는 주석 헥스값을 넣어주면 된다. 2. 기호에 따른 색상 설정주석 맨 앞에 어떤 기호가 오는지에따라 색상이 달라지는 플러그인이 있다.Better Comments [Github] Github Pages 이용하여 홈페이지 배포 ++ 단순하게 해당 레파지토리 깃허브 페이지에서 Github Page를 띄울 수 있다. 1. 해당 repository 페이지의 settings 탭으로 이동 > Branch 영역에 최초엔 None으로 셀렉 되어있는 것을 원하는 브랜치 명으로 바꾸고 측면 Save 버튼을 눌러 저장한다. 2. 그후 상단에 "GitHub Pages source saved."라는 문구가 뜨고, 3. 몇 분정도 기다리다가 새로고침을 하면 아래처럼 View site 버튼이 활성화 된다. 클릭해보면 Github Page가 퍼블리싱 된 것을 확인할 수 있다. 이전 1 2 3 4 ··· 10 다음
