์ต์ Vue 3 ์๋ฒฝ ๊ฐ์ด๋: ํ๋ก์ ํธ ์ค์ & ์คํ ์ด์ ๋ฆฌ
"Vue 3 ์๋ฒฝ ๋ง์คํฐ" ํ์ ๊ฐ์๋ก ์ต์ Vue 3 ๋ฒ์ ์ ํ๋ก์ ํธ ์ค์ ๊ณผ ์ต์ ์คํ์ ์ตํ๋ ๊ฐ์์ ๋๋ค. Vue ๊ธฐ๋ณธํธ ๋๋ ์ค์ ํธ์ ์๊ฐํ์ ๋ถ๋ค์๊ฒ ๋ฌด๋ฃ๋ก ์ ๊ณต๋๋ ๊ฐ์์ ๋๋ค.
์๊ฐ์ 498๋ช
๋์ด๋ ์ด๊ธ
์๊ฐ๊ธฐํ ๋ฌด์ ํ
- ๋ฏธํด๊ฒฐ
tailwind css ์ ์ฉ ์ ์๋๋ฉด ์ฐธ๊ณ ํ์ธ์.
<img src="https://cdn.inflearn.com/public/files/posts/96156d5e-bcd3-44e2-a613-0daec1ac2c55/766e97da-c431-46c2-82a4-3b78cb75e09e.png" media-type="img"
vue.jseslinttailwindcssvue-3Minkoo Lee
ใป
3์ผ ์
0
14
1
- ๋ฏธํด๊ฒฐ
npm install -D tailwindcss postcss autoprefixer ์ ๋ฒ์ ์ ์๊ณ ์ถ์ต๋๋ค.
tailwindcss์ ๋ฒ์ ์ด 4.x๋ก ๋ณ๊ฒฝ๋จ์ ๋ฐ๋ผ ๊ฐ์ ๋ด์ฉ์ ์ผ๋ถ์ธnpx tailwindcss init -p ์ ์ค๋ฅ๊ฐ ๋ฐ์ํ๋ ๊ฒ์ด ํ์ธ๋์์ต๋๋ค.
vue.jseslinttailwindcssvue-3๊น์ ๋จ
ใป
์ผ ๋ ์
0
96
2
- ๋ฏธํด๊ฒฐ
eslint ์ง๋ฌธ
์๋ ํ์ธ์.์ด์ eslintrc์์ ์ฌ์ฉํ process.env.NODE_ENV๋ฅผ eslint.config.js์ ์ ์ฉํ๋ ๋ฐฉ๋ฒ์ ์๊ณ ์ถ์ต๋๋ค.
vue.jseslinttailwindcssvue-3์๋ฏผ
ใป
0
203
2