>웹 프론트엔드 >JS 튜토리얼 >vue에서 로컬 프로젝트 빌드

vue에서 로컬 프로젝트 빌드

零到壹度
零到壹度원래의
2018-03-26 15:56:423164검색

이번에는 Vue에서 로컬 프로젝트를 빌드하는 방법을 알려드리겠습니다. Vue에서 로컬 프로젝트를 빌드할 때 주의사항은 무엇인가요?

One.

nodejs 설치

링크: https://nodejs.org/zh-cn/

Two.

웹팩 설치

설치 명령: cnpm install webpack -g

설치가 완료되었습니다. webpack -v

Three.

을 통해 현재 웹팩 버전을 확인하세요. 글로벌 뷰- cli scaffolding, 필수 템플릿 프레임워크를 구축하는 데 사용됨

설치 명령: npm install -g vue-cli

설치 후 vue 또는 vue -V를 입력한 다음 Enter를 누를 수 있습니다. vue 정보가 나타나면 설치가 성공한 것입니다.

Four.

다음으로 프로젝트를 생성할 차례입니다. 적절한 장소를 찾아 새 프로젝트 폴더를 생성하고 필요에 따라 이름을 지정하고 내 이름은 my-vue로 지정한 다음 이 폴더를 엽니다. 여기에서 git bash를 마우스 오른쪽 버튼으로 클릭하고 이 폴더로 이동하여 vue init webpack my-vue(프로젝트 폴더 이름)를 입력하고 Enter 키를 누른 후 잠시 기다리면 'git' 아래 항목이 순서대로 표시됩니다. 따라갈 수 있습니다. 아래 이미지:


5. 그런 다음 cd vue-test 명령을 통해 이 폴더에 들어가고 npm install 명령을 사용하고 Enter를 누르고 잠시 기다립니다. 프로젝트 폴더로 돌아가면 프로젝트 구조에 추가 node_modules 폴더가 있음을 알 수 있습니다(이 파일의 내용은 이전에 설치된 종속 항목입니다).

6. 명령줄에 npm run dev를 계속 입력하여 환경이 성공적으로 설정되었는지 테스트하면 다음 그림이 나타나면 성공했다는 의미입니다.


그런 다음 주소를 물어보세요, 내 주소는 8081입니다. 아래 그림이 나타나면 ok


관련 권장 사항:

vue 프로젝트 구축 단계

명령줄에서 vue 프로젝트 프레임워크 빌드

vue.js는 환경을 빌드하고 Windows에서 로컬로 프로젝트를 생성합니다

위 내용은 vue에서 로컬 프로젝트 빌드의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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