0부터 1까지 vue CLI를 사용하여 vue 프로젝트를 생성하고 관련 구성을 완료합니다.
기사 디렉토리
머리말
提示:vue CLI初始化项目:
: vue CLI를 사용하여 vue 프로젝트를 생성하고 관련 구성을 완료합니다.
1. Vue CLI란 무엇입니까?
Vue CLI는 Vue.js를 기반으로 한 신속한 개발을 위한 완전한 시스템으로, 다음과 같은 기능을 제공합니다:
간단히 말해서, vue CLI를 통해 vue 프로젝트를 그래픽으로 구성하거나 명령줄을 선택하여 vue 프로젝트를 구성할 수 있습니다.
2. 사용 단계
1. 설치
설치 전 nodeJS가 설치되어 있는지 확인하세요 Vue CLI 4.x는 Node.js v8.9 이상(v10 이상 권장)이 필요합니다. nvm을 사용하여 노드 버전을 관리할 수 있으며, nvm은 노드를 관리합니다.
다음 명령을 사용하여 설치할 수 있습니다.
npm install -g @vue/cli
# OR
yarn global add @vue/cli
설치가 완료된 후 이를 이용하여 비계가 성공적으로 설치되었는지 확인하세요.
vue --version
글로벌 Vue CLI 패키지를 업그레이드하려면 다음을 실행하세요.
npm update -g @vue/cli
# 或者
yarn global upgrade --latest @vue/cli
2. Vue 프로젝트 생성
vue CLI를 설치한 후 vue 프로젝트를 초기화할 수 있습니다.
새 프로젝트를 생성하려면 다음 명령을 사용하십시오(참고: 프로젝트 이름에는 대문자를 사용할 수 없으며 카멜 표기법을 사용할 수 없습니다).
vue create hello-vue
사전 설정된 템플릿을 선택하라는 메시지가 표시됩니다. 기본 Babel + ESLint 설정이 포함된 기본 사전 설정을 선택하거나 "수동 선택"을 선택하여 필요한 구성을 선택할 수 있습니다.
수동으로 기능 선택 선택
라우팅에 기록 모드 또는 해시 모드 사용 기록 모드와 해시 모드
의 차이점
구성 항목 선택 참고
필요에 따라 위 구성 항목을 선택한 후 종속성 다운로드를 기다립니다
.프로젝트가 생성된 후 다음 명령을 사용하여 브라우저 http://localhost:8080에서 효과를 확인합니다.
cd project-name // 进入项目根目录
run serve // 运行项目