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

pnpm

(2)
[vue3] pnpm์œผ๋กœ ํ”„๋กœ์ ํŠธ ์ƒ์„ฑํ•˜๊ธฐ (ft. @tsconfig/node18/tsconfig.json ์˜ค๋ฅ˜) pnpm์œผ๋กœ vue ํ”„๋กœ์ ํŠธ ์ƒ์„ฑํ•˜๊ธฐ vue3 ํ”„๋กœ์ ํŠธ์˜ ํŒจํ‚ค์ง€ ๊ด€๋ฆฌ์ž๋ฅผ pnpm์œผ๋กœ ์„ ํƒํ•˜๊ณ  ํ”„๋กœ์ ํŠธ๋ฅผ ์ƒˆ๋กœ ์ƒ์„ฑํ•ด๋ณธ๋‹ค. ๐Ÿ›  ํ”„๋กœ์ ํŠธ ์ƒ์„ฑ $ pnpm create vue ์œ„์™€ ๊ฐ™์ด ํ”„๋กœ์ ํŠธ ์ƒ์„ฑ ๋ช…๋ น์–ด๋ฅผ ์‚ฌ์šฉํ•œ๋‹ค. pnpm create vue@latest ์™€ ๋™์ผํ•˜๊ฒŒ ์ตœ์‹ ๋ฒ„์ ผ์˜ vue๋ฅผ ์‚ฌ์šฉํ•œ๋‹ค. ๋งŒ์•ฝ, ํŠน์ • ๋ฒ„์ ผ์˜. vue๋ฅผ ์‚ฌ์šฉํ•˜๋ ค๋ฉด "pnpm create vue@์›ํ•˜๋Š”๋ฒ„์ ผ" ์œผ๋กœ ๋ช…๋ น์–ด๋ฅผ ์ˆ˜์ •ํ•ด์ค€๋‹ค. ๐Ÿ›  ์˜ต์…˜ ์„ ํƒํ•˜๊ธฐ โœ” Project name: … โœ” Add TypeScript? … No / Yes โœ” Add JSX Support? … No / Yes โœ” Add Vue Router for Single Page Application development? … No / Yes โœ” Add Pinia..
[vue3] pnpm ์„ค์น˜ (ft. errno -13 ์˜ค๋ฅ˜) pnpm ์„ค์น˜ํ•˜๊ธฐ vue ํ”„๋กœ์ ํŠธ์˜ ํŒจํ‚ค์ง€ ๊ด€๋ฆฌ๋ฅผ npm -> pnpm์œผ๋กœ ๋ณ€๊ฒฝํ•˜๊ณ ์ž ํ•œ๋‹ค. pnpm์€ npm๋ณด๋‹ค ์—ฌ๋Ÿฌ ๋ฐฉ๋ฉด์—์„œ ํ–ฅ์ƒ๋œ ๊ธฐ๋Šฅ์„ ์ œ๊ณตํ•œ๋‹ค๊ณ  ํ•œ๋‹ค.(์šฉ๋Ÿ‰, ์บ์‹œ ์šฉ๋Ÿ‰ ์ ˆ์•ฝ ๋“ฑ) ํšŒ์‚ฌ์˜ ์‹ ๊ทœ ํ”„๋กœ์ ํŠธ๋„ ํŒจ์ง€ํ‚ค ๊ด€๋ฆฌ๋ฅผ pnpm์„ ์‚ฌ์šฉํ•˜๊ณ  ์žˆ๊ณ  ๊ฐœ์ธ ํ”„๋กœ์ ํŠธ๋„ pnpm์„ ์‚ฌ์šฉํ•˜๋Š” ๊ฒƒ์ด ์—ฌ๋Ÿฌ๋ฐฉ๋ฉด์œผ๋กœ ๋„์›€์ด ๋  ๋“ฏ ํ•˜๋‹ค. ๐Ÿ›  ์„ค์น˜ ์ค€๋น„๋ฌผ pnpm์„ ์„ค์น˜ํ•˜๊ธฐ ์œ„ํ•ด์„œ๋Š” Node.js์˜ ๋ฒ„์ ผ์ด 18.0 ์ด์ƒ์ด์—ฌ ํ•œ๋‹ค๊ณ  ํ•œ๋‹ค. $ node --version ํ„ฐ๋ฏธ๋„์—์„œ ์œ„ ๋ช…๋ น์–ด๋ฅผ ์ณ์„œ ๋…ธ๋“œ ๋ฒ„์ ผ์„ ํ™•์ธํ•˜์ž.($๋Š” ๋ช…๋ น์–ด๋ฅผ ์˜๋ฏธํ•˜๋‹ˆ $๋Š” ๋นผ๊ณ  ํƒ€์ดํ•‘ ํ•ด์ค˜์•ผํ•œ๋‹ค.) ๊ฒฐ๊ณผ๊ฐ’์ด v18.0.0 ์ด์ƒ์ด๋ผ๋ฉด ์„ค์น˜ ๊ฐ€๋Šฅํ•  ๊ฒƒ์ด๋‹ค. ๐Ÿ›  ์„ค์น˜ ํ•˜๊ธฐ $ npm install -g pnpm ํ„ฐ๋ฏธ๋„์—์„œ pmpm์„ ์„ค์น˜ํ•˜๋Š” ๋ช…๋ น์–ด๋ฅผ..

728x90