[vue.js]vue 환경셋팅하기

 

1. node.js 최신버전 설치하기

https://nodejs.org/ko/download/

다운로드 | Node.js

 

2. github에서 repositories 만들고 클론하거나 pc에 작업폴더 만들고 에디터로 오픈

 

3. vue.js 설치하기

에디터에서 터미널을 열고 npm install -g @vue/cli 입력

입력 후에 Vue 3버전을 방향키+엔터로 선택

만약에 안되고 에러나면 node.js가 이상하게 설치되어 있을 가능성이 있다

근데 npm 하는것 부터 에러가 나면 yarn 구글검색해서 설치하고 윈도우 재시작 후에 다시 yarn global add @vue/cli 쳐본다

만약 맥이라면 그냥 yarn따로 설치 안하고 터미널에 npm install -g yarn하면 된다

 

4. vue 프로젝트 생성

뷰 설치가 끝났으면 터미널에서 vue create 프로젝트명 입력

프로젝트 이름은 마음대로 지으면 된다

그리고 꼭 에디터에서 vue create해서 생긴 프로젝트 파일을 다시 열고 코딩해야된다

 

5. 미리보기

터미널에서 npm run serve 입력하고 터미널에 뜨는 url들어가면 된다

만약 프로젝트가 제대로 안열려 있으면 안됨

 

6. 에디터 부가기능(vscode기준)

vetur, vue 3 snippets, HTML CSS Support 이렇게 설치해준다