이 게시물에서는 개인 대 코드 설정을 보여 드리겠습니다! 나를 더 생산적으로 만듭니다. 그리고 더 많은 코딩을 할 수 있는 영감을 줍니다. 이 지루한 방법을 보여 드리겠습니다. -



이 멋진 사람에게-



또한 개발자로서의 삶을 더 쉽게 만들어줄 유용한 VS 코드 확장 목록도 제공할 것입니다. 그러니 관심이 있으시면 계속 읽으십시오 ...

주제

주제에 관해서는 모든 사람들이 다른 선택을 합니다. 그러나 나는 개인적으로 "The best theme "를 사용하는 것을 선호합니다. 예, 내 의견을 받아들이면 이것이 최고의 테마입니다. 내 VS 코드에 우아한 모습을 제공합니다. 하나의 다크 프로와 매우 유사합니다. 그러나 이것은 하나의 다크 프로보다 약간 가볍습니다. 저를 너무 매료시킵니다.

폰트

내 편집기의 기본 글꼴로 Fira Code을 사용합니다. 꽤 괜찮아 보입니다. 그것은 내 편집자에게 멋진 모습을 제공합니다. 그리고 베스트 테마는 피라코드 400 미디엄을 추천합니다.

아이콘

아이콘의 경우 Material Icon Theme을 사용하여 아이콘을 단순하고 우아하게 만듭니다.

유용한 확장

1. 더 예쁘다

Prettier는 정말 유용한 확장 프로그램입니다. 파일을 저장하면 형식화되지 않은 코드의 형식이 지정됩니다. 그래서 그것을 설치합니다. 그리고 설치 후 설정으로 이동하여 "저장시 포맷"을 검색한 다음 설정이 표시되어 있는지 확인합니다. 그런 다음 settings.json에 몇 가지 코드를 추가합니다.

"editor.defaultFormatter": "esbenp.prettier-vscode",

2. 자동 이름 바꾸기 태그

이 확장은 React, Html 및 XML로 작업할 때 시간을 많이 절약합니다. 여는 태그의 이름을 바꾸려고 하면 닫는 태그의 이름이 자동으로 바뀝니다.

3. ES7 React/Redux/GraphQL/React-Native 스니펫

이 확장은 반응 및 반응 네이티브로 작업할 때 많은 시간을 절약합니다. 모든 상용구 코드 작성을 방지하는 데 도움이 됩니다. 내가 입력할 때처럼 - 'rafce'는 반응 기능 구성 요소에 대한 모든 코드를 생성합니다.

4. 라이브 서버

이 확장은 html, css 및 js 프로젝트로 작업할 때 매우 유용합니다. 프로젝트에 파일을 저장하면 브라우저 페이지가 자동으로 다시 로드됩니다.

5. 브라켓 페어 컬러라이저

이 확장은 매우 유용합니다. 여는 괄호와 닫는 괄호의 발생을 강조 표시합니다. 그리고 다양한 색상의 브래킷을 생성합니다. 더 정확하고 빠르게 이해하는 데 많은 도움이 됩니다.

6. 타브나인 자동완성 AI

Tabnine은 자동 완성 AI 도구입니다. 코딩할 때 많은 도움이 됩니다! 그리고 나는 그것을 강력히 추천합니다. 설치만 하면 끝! 미쳤어!



그게 내 vs 코드 설정이었습니다. 저는 이 설정으로 작업하는 것을 즐깁니다. 생산성 설정이 무엇인지 알려주세요! 토론에서.