vue.js 설치하기

1. 일단 node.js를 설치한다.

2. 터미널을 연다

 

vue.js 설치

npm install -g @vue/cli

EACCES: permission denied 가 난다면 명령어 앞에 sudo를 넣어본다.

 

비쥬얼 스튜디오를 사용한다면 vue.js 코딩을 편하게 하는 extension이 있다.

 

- Vue 3 Snipperts

- html css support

- vetur

 

 

vue.js 프로젝트 생성

vue create 프로젝트명

 

프로젝트를 생성하면 코딩은 어디에 하는가?

App.vue에 하면 된다.

App.vue

 

쉽게 설명하자면

template : html 코드 넣을 곳

script : 자바스크립트 넣을 곳

style : css 넣을 곳

이라 생각하면 된다.

 

서버를 띄우기 명령어

npm run serve

 

만약 권한에 저장이 막힌다면

sudo chown -Rv 유저네임 폴더명

터미널에 입력