NPM์ ์ค์นํ๊ธฐ ์ํด์๋
https://nodejs.org/en/download/
Download | Node.js
Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.
nodejs.org
์ด ์ฌ์ดํธ์ ๋ค์ด๊ฐ์
์ ํ์ผ์ ๋ค์ด๋ฐ์ ์ค์นํ๋ฉด
NPM ์ค์น ์๋ฃ
์ค์น ๋จ์ ํ์ธํ๊ธฐ ์ํด
CMD ์ฐฝ์์ ์ ๋ ฅ์ ํด๋ณด๋ฉด
์ค์น ๋ ๊ฒ์ ํ์ธํ ์ ์๋ค.
์ด์ ํ๊ต ์์ ์๊ฐ [๊ฐ์ฒด ์งํฅ์ ์ฌ๊ณ ์ ํ๋ก๊ทธ๋๋ฐ]์์ ํ์๋กํ๋
NPM ํ๋ก๊ทธ๋จ์ ์ ๋๋ก ์ค์นํด๋ณด์.
- ํ๋ก์ ํธ ํ์ผ ์ค์น
CMD ์ฐฝ์์
frontend ํ์ผ์ ์์ฑํด๋ณด์
//frontend ํ์ผ ์์ฑ
mkdir frontend
//frontend ํ์ผ๋ก ๋ค์ด๊ฐ
cd frontend/
//์ด์ ๊ฐ์ ํ๋ก๊ทธ๋จ ์ค์น, VueJS ํ๋ ์์ํฌ๋ฅผ ์ฌ์ฉํ๊ธฐ ์ํ vue ์ ํธ๋ฆฌํฐ ๋ช
๋ น์ด ์ค์น
npm install -g @vue/cli
// ์ ํ๋ฆฌ์ผ์ด์
์์ฑ
vue create front-end
์ฒซ ๋ฒ์งธ Default ๊ฐ ์ ํํ๊ณ Enter
์ด์ ๊ฐ์ ํ๋ฉด์ด
๋ช ๋ น ํ๋กฌํํฐ์ ๋์ค๊ฒ ๋๋ฉด
์ค์น๊ฐ ์๋ฃ๋ ๊ฒ์ด๋ค.
๋ด๋ถ ํ์ผ์ ํ์ธํด๋ณด๋ฉด ์ค์น ์๋ฃ!!
- ์ดํ๋ฆฌ์ผ์ด์ ์คํ
vscode์ front-end ํ๋ก์ ํธ ํ์ผ์ ์ด๊ณ
terminal -> new terminal๋ก ์ด๋ํ์ฌ
์ด์ ๊ฐ์ ๋ช ๋ น์ด ์คํ
์ค์น ์๋ฃ!!!
์ค์น๊ฐ ๋ ๊ฒ์ ์ง์ localhost 8080 port number๋ก ํ์ธํ ์ ์๋ค.
์ด์ ๋,,,,
Vuetify UI component๋ฅผ ์ค์น๋ฅผ ํด๋ณด์..
- Vuetify UI Component ์ค์น
์ํ๋ project๋ default๋ก download
์ค ์น ๋ถ๋ถ
1. yes
2. default ๊ฐ์ ๋ฃ์ด์ค๋ค.
- ์ดํ๋ฆฌ์ผ์ด์ ๋น๋์ ์คํ
npm install
npm run serve
์ค์น๊ฐ ์์์ ๋์๋ค.
https://vuetifyjs.com/en/getting-started/installation/#vue-ui-install
Get started with Vuetify
Get started with Vue and Vuetify in no time. Support for Vue CLI, Webpack, Nuxt and more.
vuetifyjs.com
์ด ๋งํฌ๋ฅผ ๋ณด๊ณ ๋ฐ๋ผํ๋ฉด ์ข์ ๊ฒ ๊ฐ๋ค
'Programming Language > HTML | CSS | JS' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
HTML 3์ผ์ฐจ ๊ณต๋ถ (0) | 2022.01.10 |
---|---|
HTML 2์ผ์ฐจ ๊ณต๋ถ (0) | 2022.01.08 |
HTML 1 ์ผ์ฐจ ๊ณต๋ถ (0) | 2021.12.28 |
VSCODE Html File ์์ฑ (0) | 2021.12.28 |
Axios ๋ผ์ด๋ธ๋ฌ๋ฆฌ ๋ค์ด๋ก๋ (0) | 2021.11.25 |