Language/Vue.js

[plume] Vue3 프로젝트 구조 잡기

구일일구 2024. 6. 21. 11:43
반응형

Vue3 프로젝트 실행구조 이해하기

1) 제일 먼저 Vue 프로젝트가 실행됨

npm run serve

 

2) 플젝이 시작되면, 가장 먼저 main.js 파일을 실행함

 

3) main.js 에서 App.vue 컴포넌트로 Vue 앱을 생성

 

4) main.js 라우터(router), 상태관리(vuex), 믹스인(mixins), 

 

 

+ VSCode 폴더/파일 아이콘 직관적으로 바꾸는 법

"Material Icon Theme" 다운받아서 적용시키

https://devent.tistory.com/138

 

VSCode 파일/폴더 아이콘 직관적으로 바꾸기

VSCode에서 제공하는 기본 폴더에는 아이콘이 없습니다. VSCode의 익스텐션 기능을 이용하여 보다 직관적인 아이콘을 설정해주도록 하겠습니다. 먼저 왼쪽 사이드바에 익스텐션 바를 클릭해줍니다

devent.tistory.com


 

반응형