파피루스

필수 vscode 확장 프로그램 (plugins/extension) 본문

Today I Learned/in dev

필수 vscode 확장 프로그램 (plugins/extension)

떼굴펜 2024. 10. 5. 20:50

prettier - Code formatter

https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode

 

Prettier - Code formatter - Visual Studio Marketplace

Extension for Visual Studio Code - Code formatter using prettier

marketplace.visualstudio.com

 

EsLint

https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint

 

ESLint - Visual Studio Marketplace

Extension for Visual Studio Code - Integrates ESLint JavaScript into VS Code.

marketplace.visualstudio.com

 

Pretty TypeScript Errors

https://marketplace.visualstudio.com/items?itemName=yoavbls.pretty-ts-errors

 

Pretty TypeScript Errors - Visual Studio Marketplace

Extension for Visual Studio Code - Make TypeScript errors prettier and more human-readable in VSCode

marketplace.visualstudio.com

 

 

matrial icon theme

https://marketplace.visualstudio.com/items?itemName=PKief.material-icon-theme

 

Material Icon Theme - Visual Studio Marketplace

Extension for Visual Studio Code - Material Design Icons for Visual Studio Code

marketplace.visualstudio.com

 

 

 

 

ES7+ React/Redux/React-Native snippets

https://marketplace.visualstudio.com/items?itemName=dsznajder.es7-react-js-snippets

 

ES7+ React/Redux/React-Native snippets - Visual Studio Marketplace

Extension for Visual Studio Code - Extensions for React, React-Native and Redux in JS/TS with ES7+ syntax. Customizable. Built-in integration with prettier.

marketplace.visualstudio.com

 

PostMan

https://marketplace.visualstudio.com/items?itemName=Postman.postman-for-vscode

 

Postman - Visual Studio Marketplace

Extension for Visual Studio Code - Streamline API development and testing with the power of Postman, directly in your favorite IDE.

marketplace.visualstudio.com

 

 

indent rainbow

https://marketplace.visualstudio.com/items?itemName=oderwat.indent-rainbow

 

indent-rainbow - Visual Studio Marketplace

Extension for Visual Studio Code - Makes indentation easier to read

marketplace.visualstudio.com

 

tailwind css intellisense

https://marketplace.visualstudio.com/items?itemName=bradlc.vscode-tailwindcss

 

Tailwind CSS IntelliSense - Visual Studio Marketplace

Extension for Visual Studio Code - Intelligent Tailwind CSS tooling for VS Code

marketplace.visualstudio.com

 

 

TODO Tree

https://marketplace.visualstudio.com/items?itemName=Gruntfuggly.todo-tree

 

Todo Tree - Visual Studio Marketplace

Extension for Visual Studio Code - Show TODO, FIXME, etc. comment tags in a tree view

marketplace.visualstudio.com

 

import Cost

https://marketplace.visualstudio.com/items?itemName=wix.vscode-import-cost

 

Import Cost - Visual Studio Marketplace

Extension for Visual Studio Code - Display import/require package size in the editor

marketplace.visualstudio.com

 

 

 

indenticator : Visually highlights the current indent depth.

https://marketplace.visualstudio.com/items?itemName=SirTori.indenticator

 

Indenticator - Visual Studio Marketplace

Extension for Visual Studio Code - Highlights your current indent depth

marketplace.visualstudio.com

 

 

 

이외에도 요런 거 쓴다.

- sass

- sass Formatter : https://marketplace.visualstudio.com/items?itemName=Syler.sass-indented

- live sass compiler : https://marketplace.visualstudio.com/items?itemName=glenn2223.live-sass

- react : https://marketplace.visualstudio.com/items?itemName=zhang-renyang.vscode-react

- kanagawa (vscode theme) : https://marketplace.visualstudio.com/items?itemName=qufiwefefwoyn.kanagawa

- svg preview : https://marketplace.visualstudio.com/items?itemName=SimonSiefke.svg-preview

- gitLens : https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens

- errorLense : https://marketplace.visualstudio.com/items?itemName=usernamehw.errorlens

- auto import : https://marketplace.visualstudio.com/items?itemName=steoates.autoimport

- amazon Q : https://marketplace.visualstudio.com/items?itemName=AmazonWebServices.amazon-q-vscode

- todo highlight : https://marketplace.visualstudio.com/items?itemName=wayou.vscode-todo-highlight

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

'Today I Learned > in dev' 카테고리의 다른 글

[error] address already in use :::8081  (0) 2024.10.10
github blog 만들기 (1) : repo 생성 및 theme 적용하기  (1) 2024.10.08
vscode 설정 초기화 방법 & re-setting  (0) 2024.10.05
google api, 403 permission_denied  (0) 2024.10.03
[next/react] google 로그인 구현하기 (3) : 로그인 구현하기  (4) 2024.10.03
'Today I Learned/in dev' Related Articles more