Frond-end/Vue

[Vue] Visual Studio Code에서 Vue3 설치 (NodeJS)

Nellie Kim 2023. 12. 4. 18:01
728x90

1. nodeJS 설치

https://nodejs.org/en/download

 

Download | Node.js

Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.

nodejs.org

 

2. vue 개발환경 다운로드

npm install -g @vue/cli

 

를 입력하여 vue 개발환경을 빠르게 다운로드 받는다. 

 

 

3. 확장자 설치

1. Vetur 

 

2. HTML CSS Support

 

3. Vue 3 Snippets

 

4. vue 프로젝트 생성 

vue create [프로젝트명]

 

 

 

 

 

 

https://haenny.tistory.com/247

 

[VueJS] VSCode 에서 VueJS 시작하기 - ① 설치 및 세팅 방법

[VueJS] VSCode 에서 VueJS 시작하기 - ① 설치 및 세팅 방법 VueJS 세팅하기 전에 VSCode와 nodeJs가 없다면 아래링크를 참고하여 다운로드 받고옵니다. Visual Studio Code 다운로드 [VSCODE] Visual Studio Code 다운로

haenny.tistory.com

https://coreant.tistory.com/12

 

vscode vue.js 기본설치 및 개발환경 설정

VUE.js 로 front-end 개발을 처음 시작하기 위한 글을 작성해봤습니다. vue.js의 경우 진입장벽이 낮다, 비교적 쉽다 하는 내용의 글들이 많은데 다른 언어들과 비교해서 그런것이지 기본적으로 프로

coreant.tistory.com