06-07 / Vue.js 환경셋팅(VSC)

https://nodejs.org/ko

Node.js

node.js 설치 (LTS)

터미널에서 - new 터미널에 다음 명령어 넣기(설치 안되면 터미널 PowerShell 검색해서 변경)

npm install -g @vue/cli

확장설치

3.Vetur 설치 -

: Vue 언어에 대해 인식되는 파일 형식이고 구문 강조 표시, 대괄호 일치 및 설명과 같은 언어 기능이 있음을 확인할 수 있습니다.

* Extensions [Ctrl + Shift + X] : vetur

 

4.html 서포트 설치 ( html 자동완성지원 )

* Extensions [Ctrl + Shift + X] : html css support

 

5.vue 하드코딩 안하게 자동지원 및 기능 추천등

* Extensions [Ctrl + Shift + X] : vue 3 snippets

​

뷰프로젝트 쌓일 폴더 생성

 

C드라이브에 폴더 만들기 - 파일 폴더열기 만든 파일선택 - 터미널에 vue.cmd create 프로젝트명 입력 

 

3 선택 후 설치

4. 확인하기(주의 npm실행은 프로젝트 폴더안에서 실행 )

dir - cd vueapp(만든폴더명) - npm run serve