728x90
1. Node js 설치
Node.js
Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.
nodejs.org
terminal에서 설치 확인하기
node -v
2. npm 설치
npm install -g @vue/cli
-npm이란 Node Packaged Manager의 약자로 위에서 설치한 Node.js에서 사용할 수 있는 package(module)들이 모여있는 저장소
-설치 및 관리를 할 수 있는 기능을 제공
terminal에서 설치 확인하기
npm -v
설치 오류 시,
$ sudo npm install -g @vue/cli --unsafe-perm=true--allow-root
3. 프로젝트 폴더 생성하기
vue create 폴더이름

1) vue 프로젝트 생성 옵션 -> 버전 선택 or manually 설정

2)버전선택
3)router history mode -.> Y
4) ESLinit + Standard config (코딩 컨벤션 규칙 선택)
.........
설정 옵션 전체

4. 실행하기
npm run serve
정상 실행 되었을 경우,
8080 port에서 아래 화면이 실행됨

권한 설정 오류 시 아래 명령어
Set-ExecutionPolicy Unrestricted -scope CurrentUser
*터미널 명령어
ctrl + c 터미널 끄기
clear 터미널 화면 지우기cd .. 부모폴더로 이동
728x90
'vue.js' 카테고리의 다른 글
| vue.js : string , html 데이터바인딩 (단방향) (0) | 2022.12.14 |
|---|---|
| vue.js user snippets 추가하기 (0) | 2022.12.14 |
| vue.js : router 개념 및 사용방법, prepatch (0) | 2022.12.13 |
| Vue.js 파일, component, router 구조 (0) | 2022.12.13 |
| vue.js : npm run serve 에러 (This is related to npm not being able to find a file.) (0) | 2022.12.13 |