๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ

vscode

(2)
[VScode] Mac VScode ESLint ์ €์žฅ ์‹œ, ์ž๋™ ์ •๋ ฌ, ์ž๋™ ์ˆ˜์ • ์„ค์ • VScode์—์„œ ESLint ์ €์žฅ ์‹œ, ์ž๋™์ •๋ ฌ ์„ค์ • ๋ฐฉ๋ฒ• 1. setting.json ์ผœ๊ธฐ Mac์˜ ๊ฒฝ์šฐ, "Command + P" ๋‹จ์ถ•ํ‚ค๋กœ ํŒŒ์ผ ๊ฒ€์ƒ‰ ์ฐฝ์„ ์—ฐ ํ›„, setting.json(.vscode) ๋ฅผ ์ผœ๊ธฐ 2. ESLint ์ €์žฅ ์‹œ, ์ž๋™์ •๋ ฌ ์ฝ”๋“œ ์ถ”๊ฐ€ํ•˜๊ธฐ "editor.codeActionsOnSave": { "source.fixAll.eslint": "explicit" } ์œ„ ์ฝ”๋“œ๋ฅผ ์ถ”๊ฐ€ ๋ฐ”๋กœ ์ ์šฉ์ด๋˜์ง€ ์•Š๋Š”๋‹ค๋ฉด, VScode๋ฅผ ์žฌ์‹œ์ž‘, VScode ํ™•์žฅ์—์„œ ESLint๋ฅผ "์‚ฌ์šฉ์•ˆํ•จ" > "๋‹ค์‹œ๋กœ๋“œ" > "์‚ฌ์šฉ" ์ˆœ์„œ๋กœ ์žฌ์‹œ์ž‘ ํ•ด๋ณด๊ธฐ
[TypeScript] VScode "๋ชจ๋“ˆ ๋˜๋Š” ํ•ด๋‹น ํ˜•์‹์„ ์ฐพ์„ ์ˆ˜..." ์˜ค๋ฅ˜ VScode์—์„œ ts๊ฐ€ ์„ค์น˜๋œ ํ”„๋กœ์ ํŠธ๋ฅผ ์—ด์—ˆ์„ ๋•Œ, ์ž์ฃผ "๋ชจ๋“ˆ ๋˜๋Š” ํ•ด๋‹นํ˜•์‹์„ ์ฐพ์„ ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค....(Cannot fine module...)"์˜ ์˜ค๋ฅ˜๋ฅผ ์ž์ฃผ ๋ณผ ์ˆ˜ ์žˆ๋‹ค. Vue3 ํ”„๋กœ์ ํŠธ์— ts๋ฅผ ์ถ”๊ฐ€ํ•˜์˜€์„ ๋•Œ, ๋ฐ”๋กœ ์ด๋Ÿฌํ•œ ์˜ค๋ฅ˜๊ฐ€ ๋‚ฌ๋Š”๋ฐ ํ•ด๊ฒฐ๋ฒ•์„ ์ ์–ด๋ณธ๋‹ค. ํ”„๋กœ์ ํŠธ๋ฅผ ๋ฐ”๋กœ ์ƒ์„ฑํ–ˆ์„ ๊ฒฝ์šฐ, ๋ณดํ†ต vite.config.ts, tsconfig.node.json, tsconfig.app.json, App.vue ์—์„œ ํ™•์ธ๋œ๋‹ค. ์‹ค์ œ ์„ค์น˜๋œ tsํ”Œ๋Ÿฌ๊ทธ์ธ๊ณผ VScode์—์„œ ๊ธฐ๋ณธ์œผ๋กœ ์ œ๊ณตํ•˜๋Š” ํ”Œ๋Ÿฌ๊ทธ์ธ์ด ์ถฉ๋Œํ•˜์—ฌ ๋‚˜๋Š” ์˜ค๋ฅ˜์ธ๋ฐ, ์‹ค์ œ npm ํ˜น์€ pnpm istall์ด๋‚˜ build๋Š” ์ž˜ ๋˜๋Š”๋ฐ ๋ถ‰์€ ๋ฐ‘์ค„ ๋“ฑ์œผ๋กœ ๋ฌธ๋ฒ•์  ์˜ค๋ฅ˜์ฒ˜๋Ÿผ ํ‘œ๊ธฐ๋œ๋‹ค๋ฉด, ์•„๋ž˜์™€ ๊ฐ™์€ ๋ฐฉ๋ฒ•์œผ๋กœ ํ•ด๊ฒฐ๋œ๋‹ค.(install์ด๋‚˜ build๊ฐ€ ์•ˆ๋œ๋‹ค..

728x90