-
Vue 환경세팅 하기front-end/Vue 2024. 4. 2. 10:31728x90
1. Node.js 설치하기
Node.js — Run JavaScript Everywhere
Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.
nodejs.org
2. VS code 설치하기
https://code.visualstudio.com/
Visual Studio Code - Code Editing. Redefined
Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows.
code.visualstudio.com
3. VS code 에디터에서 터미널 에 npm install -g @vue/cli 입력하기
4. vue create 프로젝트명 으로 생성하기 (3 버전 선택)
5. npm run serve 으로 실행하기
6. 추천 Extensions
- Vue - Official
* HTML CSS Support 사용 중인 경우 vue에서 사용 중단을 설정해주세요.
Vue - Official에 비슷한 기능으로 중복으로 2번씩 나옵니다.
- Vue 3 Snippets
728x90'front-end > Vue' 카테고리의 다른 글
Vue module.css 사용하기 (0) 2024.04.03 Vue Component 사용하기(props 전달) (0) 2024.04.03 Vue if문법 v-if (0) 2024.04.02 Vue 반복문 v-for (0) 2024.04.02 Vue 데이터 바인딩 문법 (0) 2024.04.02