vue2.5.2 버전 설치 방법

Vue.js는 개발자가 재사용 가능하고 구성 가능한 UI 구성 요소와 단일 페이지 애플리케이션을 구축하는 데 도움이 되는 인기 있는 프런트 엔드 프레임워크입니다. 이 기사에서는 Vue.js의 최신 2.5.2 버전을 설치하는 방법에 대해 설명합니다.

Node.js 설치

먼저 Node.js를 설치해야 합니다. Node.js는 JavaScript를 사용하여 코드를 작성하고 실행할 수 있는 오픈 소스 서버 측 JavaScript 런타임 환경입니다. Node.js 공식 웹사이트에서 Node.js를 다운로드하고 설치할 수 있습니다.

Install NPM

NPM은 Node.js와 함께 제공되는 패키지 관리자로, 소프트웨어 패키지를 쉽게 설치하고 관리할 수 있습니다. Node.js를 설치하면 NPM이 자동으로 설치됩니다. Node.js를 설치한 후 다음 명령을 실행하여 NPM이 성공적으로 설치되었는지 확인할 수 있습니다.

npm -v

설치에 성공하면 NPM 버전 번호가 표시됩니다.

Vue.js 설치

Node.js와 NPM이 설치되었으므로 NPM 명령을 사용하여 Vue.js를 설치할 수 있습니다. 명령줄을 열고 다음 명령을 실행하세요.

npm install -g vue@2.5.2

이렇게 하면 Vue.js 버전 2.5.2가 설치됩니다. 다음 명령을 실행하여 Vue.js가 성공적으로 설치되었는지 확인할 수 있습니다.

vue -V

성공적으로 설치되면 Vue.js의 버전 번호가 표시됩니다.

Vue.js 애플리케이션 만들기

Vue.js를 성공적으로 설치했으므로 이제 첫 번째 Vue.js 애플리케이션을 만들 수 있습니다. 먼저 새 폴더를 만들고 다음 명령을 사용하여 폴더에 들어가세요:

mkdir myapp
cd myapp

그런 다음 다음 명령을 사용하여 새 npm 프로젝트를 초기화하세요:

npm init -y

다음으로 "vue-cli"라는 NPM 패키지를 설치하세요. 이 패키지는 다음을 제공합니다. Vue.js 애플리케이션용 템플릿 코드를 생성하는 데 도움이 되는 명령줄 도구:

npm install -g vue-cli

이제 다음 명령을 사용하여 새 Vue.js 프로젝트를 생성할 수 있습니다.

vue init webpack .

명령을 실행하면 프로젝트에 대한 몇 가지 정보를 제공하라는 메시지가 표시됩니다. 만들고 싶습니다. Vue.js 애플리케이션용 프로젝트 템플릿이 생성될 때까지 프롬프트에 따라 정보를 입력하세요.

Vue.js 애플리케이션 실행

Vue.js 애플리케이션을 만들었으니 이제 실행하고 페이지를 살펴보겠습니다. 명령줄에서 다음 명령을 실행하여 종속성을 설치합니다.

npm install

그런 다음 다음 명령을 실행하여 로컬 서버를 시작합니다.

npm run dev

브라우저를 열고 다음 URL을 입력합니다.

http://localhost:8080/

이렇게 하면 Vue가 열립니다. Node.js 애플리케이션을 실행하고 "Vue.js 앱에 오신 것을 환영합니다" 메시지를 표시합니다.

결론

이 기사에서는 Vue.js 최신 버전 2.5.2를 설치하고 Vue.js 애플리케이션 템플릿을 만드는 방법을 배웠습니다. 설치 시 따라야 할 몇 가지 단계가 있지만, 일단 설치를 완료하면 더 복잡한 애플리케이션 구축을 시작할 수 있는 기본 Vue.js 애플리케이션을 갖게 됩니다.

위 내용은 vue2.5.2 버전 설치 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!