728x90
반응형
Vue.js는 JavaScript의 프레임워크 중 하나로 설치 방법이 총 4가지가 있다.
[설치방법]
1. CDN
2. NPM
3. CLI
4. VITE
1. CDN 방식
Vue를 직접 스크립트에 포함시키는 것이다.
그래서 따로 설치하는게 없어서 참조한다는 식으로 생각하면 된다. html 헤더쪽 스크립트에 추가하면 Vue가 참조되어 사용할 수 있다.
<script src="https://cdn.jsdelivr.net/npm/vue@2"></script>
2. NPM 방식
node.js가 설치 되어야 한다.
설치 후 cmd를 통해
node -v // node.js 버전 확인
npm -v // npm버전 확인
3. CLI 방식
CLI는 Vue설치 및 기본 프로젝트 환경 세팅을 해주는 도구이며
npm install -g @vue/cli
# OR
yarn global add @vue/cli해당 명령어를 실행하면 vue가 설치된다.
그리고 아래와 같이 cmd에서 확인하면 된다.
이 후에
vue create 프로젝트명
해서 입력하면 선택지가 주어지는데 여기서 vue3으로 설치했다. 하지만 버전 여러개가 있으니 본인이 원하는 버전하면 됨
그리고 만들어진거 확인하면 프로젝트 생성됨
vscode에서 프로젝트로 이동한 뒤 npm run serve 후 localhost:8080으로 접속했을 때
아래 이미지 나오면 프로젝트 생성 된거임
728x90
반응형