>  기사  >  웹 프론트엔드  >  Vue 설치 및 프로젝트 수립 일러스트

Vue 설치 및 프로젝트 수립 일러스트

零到壹度
零到壹度원래의
2018-04-04 11:21:411096검색

이 글은 주로 Diagram Vue의 설치와 프로젝트 구축을 소개하는 내용인데 편집자는 꽤 좋다고 생각해서 공유하고 참고하겠습니다. 에디터 따라가서 구경가자

처음 배우는 vue, 같이 배워보자, 먼저 node.js를 설치하고, 공식 홈페이지 다운로드는 https://nodejs.org/en/download/

설치가 완료된 후 명령 창을 열고 node -v

을 입력하면 설치가 완료되었음을 나타내는 버전 번호가 나타납니다. node를 설치하면 npm도 함께 설치됩니다.

이 두 가지 설치가 완료된 후 vuecli를 글로벌로 설치하는 명령은 npm install global vue-cli(한 번만 실행)입니다. 입니다)

이 시점에서 vue.cmd 파일이 있어야 합니다. 찾을 수 없으면 Search Everything을 사용하여 vue.cmd의 위치를 ​​쿼리할 수 있습니다. 환경변수 편집 경로


이때 명령창을 다시 열어주세요

vue가 설치되어 있는 것을 확인하고 프로젝트를 생성할 수 있습니다. 폴더를 마음대로 열어보세요.


프로젝트에 다음 필드가 나타나면 생성됩니다.

이 파일 아래의 명령 창을 열고 npm run을 입력합니다. dev, 시작이 완료되었습니다

이런 인터페이스가 나타나면 시작이 완료된 것입니다. 브라우저를 열고 http://localhost:8080/을 입력하면 프로젝트가 생성됩니다.

위 내용은 Vue 설치 및 프로젝트 수립 일러스트의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
이전 기사:js---DOM 노드다음 기사:js---DOM 노드