๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
JavaScript/Vue

Vue.js ๊ณต๋ถ€ 1์ผ์ฐจ

by ์ฝ”๋”ฉํ•˜๋Š” ๋ถ•์–ด 2021. 10. 18.
๋ฐ˜์‘ํ˜•

Vue.js๋Š” ์›น ํ”„๋ก ํŠธ์—”๋“œ ํ”„๋ ˆ์ž„์›Œํฌ์ด๋‹ค.

 

Vue.js๋Š” ์ปดํฌ๋„ŒํŠธ ๊ธฐ๋ฐ˜์˜ SPA๋ฅผ ๊ตฌ์ถ•ํ•  ์ˆ˜ ์žˆ๊ฒŒ ํ•ด์ฃผ๋Š” ํ”„๋ ˆ์ž„์›Œํฌ์ด๋‹ค.

 

 

<Vue.js๋ฅผ ์‚ฌ์šฉํ•˜๊ธฐ ์œ„ํ•ด์„œ ์„ค์น˜ํ•ด์•ผํ•  ํˆด๋“ค>

 

1. Visual Studio Code

 

2. Node.js

 

3. Vue.js ์„ค์น˜

$ npm install vue

์œ„์˜ ๋ช…๋ น์–ด๋กœ ์„ค์น˜ํ•˜๋ฉด vue@2.6.12 ๋ฒ„์ „์ด ์„ค์น˜๋œ๋‹ค๊ณ  ํ•œ๋‹ค.

 

$ npm install -g @vue/cli

CLI : Command Line Interface

์œ„์˜ ๋ช…๋ น์–ด๋กœ ์„ค์น˜ํ•˜๋ฉด @vue/cli 4.5.12 ๋ฒ„์ „์ด ์„ค์น˜๋œ๋‹ค๊ณ  ํ•œ๋‹ค.

 

 

 

Vue.js์—์„œ ์ œ๊ณตํ•˜๋Š” Vue.js devtools๋กœ ํฌ๋กฌ์— ์ถ”๊ฐ€ํ•ด์„œ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋‹ค.

๋””๋ฒ„๊น…์„ ๊ฐ€๋Šฅํ•˜๋„๋ก ํ•ด์ค€๋‹ค.

https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd

 

Vue.js devtools

Chrome and Firefox DevTools extension for debugging Vue.js applications.

chrome.google.com

 

๋ฐ˜์‘ํ˜•

๋Œ“๊ธ€