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๊ฐ ์๋๋ค.. ์ด์ 1 ๋ค์