1. 컴퓨터에 Node.js를 설치합니다.
Vue.js는 Node.js 위에 구축되므로 Vue.js를 사용하려면 Node.js를 설치해야 합니다.
2. Node.js 공식 웹사이트(https://nodejs.org)에서 Node.js를 다운로드하여 설치할 수 있습니다.
Node.js가 설치되면 명령 프롬프트 또는 터미널 창을 엽니다.
3. 다음 명령을 입력하여 Vue CLI를 설치합니다.
npm install -g @vue/cli
이렇게 하면 컴퓨터에 Vue CLI가 전체적으로 설치됩니다.
4.다음 명령을 입력하여 Vue CLI가 올바르게 설치되었는지 확인합니다.
vue --version
설치한 Vue CLI의 버전 번호가 표시되어야 합니다.
5.다음 명령을 입력하여 새 Vue.js 프로젝트를 생성합니다.
vue create my-project
"my-project"를 프로젝트 이름으로 바꿉니다.
반응형
6. 프롬프트에 따라 프로젝트를 구성합니다.
기본 설정을 사용하거나 필요에 맞게 프로젝트 설정을 사용자 정의하도록 선택할 수 있습니다.
7. 프로젝트가 생성되면 다음 명령을 입력하여 프로젝트 디렉토리로 이동합니다.
cd my-project
"my-project"를 프로젝트 이름으로 바꿉니다.
8. 다음 명령을 입력하여 개발 서버를 시작합니다.
npm run serve
그러면 개발 서버가 시작되고 웹 브라우저에서 프로젝트가 열립니다.
Vue.js를 성공적으로 설치하고 새 Vue.js 프로젝트를 만들었습니다.
이제 Vue.js를 사용하여 프로젝트 개발을 시작할 수 있습니다.
반응형
'Programming > JavaScript' 카테고리의 다른 글
[Lottie] SVG를 Web에 구현해보자 (0) | 2023.03.08 |
---|---|
[JavaScript] 간단한 레이어 팝업 구현 (0) | 2023.03.03 |
Vue.js와 React.js의 차이점과 장단점 (0) | 2023.03.02 |
[React] 리액트 설치 및 실행 방법 (0) | 2023.03.02 |
[amCharts.js] 커서 툴팁 구현 (0) | 2023.03.02 |
댓글