Vue Cli에 대한 초보자 안내서

Vue Cli : Rapid Vue.js 개발에 대한 포괄적 인 안내서

이 기사는 vue.js 개발을 간소화하기위한 강력한 명령 줄 인터페이스 인 Vue Cli에 대한 철저한 개요를 제공합니다. 주요 기능, 설치 프로세스, 프로젝트 작성, 플러그인 아키텍처 및 편리한 그래픽 사용자 인터페이스를 탐색합니다.

vue cli의 주요 장점 :

빠른 프로젝트 설정 : vue Cli는 수동 구성이 필요하지 않아 사전 구성된 프로젝트 템플릿을 점프 스타트 개발에 제공합니다. 모듈 식 플러그인 시스템 : TypeScript, PWA, Vuex, Vue Router, Eslint 및 테스트 프레임 워크를 포함한 광범위한 플러그인으로 기능을 확장합니다.

.

최신 웹 UI :

직관적 인 웹 인터페이스를 통해 시각적으로 프로젝트 관리를 통해 명령 줄 상호 작용에 대한 대안을 제공합니다. 웹 팩 추상화 : 는 웹 팩의 복잡성을 단순화하여 개발자가 구성을 빌드하는 대신 애플리케이션 로직에 집중할 수 있도록합니다.

vue cli로 시작하는 것 :

전제 조건 : node.js 버전 8.9 (8.11.0 권장)가 필요합니다. 공식 웹 사이트 또는 시스템 패키지 관리자를 사용하여 Node.js를 설치하십시오. 여러 Node.js 버전을 쉽게 관리하려면 버전 관리자가 권장됩니다.
• 설치 : 설치하기 전에 CLI의 이전 버전을 제거하십시오 (예 : ). 그런 다음 : 를 사용하여 Vue Cli 3을 설치하십시오 : 로 설치를 확인하십시오
vue 프로젝트 만들기 : 를 사용하여 새 프로젝트를 생성합니다 원하는 기능 (바벨, 타이프 스크립트, vue 라우터, vuex 등)을 선택하려면 사전 설정 (기본, 설명서 또는 원격 사전 설정)을 선택하십시오. CLI는 프로세스를 안내합니다. 프로젝트 구조 : 일반적인 vue Cli 프로젝트에는 다음이 포함됩니다
• : 정적 자산 (index.html, favicon.ico) : 소스 코드. : Vue 구성 요소 : 메인 응용 프로그램 구성 요소. : 응용 프로그램 입력 지점. : 프로젝트 종속성 및 구성. : 설치된 NPM 패키지.
• 개발 및 생산 구축 :

Serve :
• 핫 모듈 재 장전이있는 로컬 개발 서버를 시작합니다. 빌드 : npm run serve 폴더에서 최적화 된 생산 빌드를 만듭니다. 웹 팩 구성 검사 :
웹 팩 구성을 표시합니다.
• Vue Cli 플러그인 : ​​플러그인은 Vue Cli 기능을 확장합니다. 다음을 사용하여 플러그인을 설치하십시오 npm run build 예 : dist 프로젝트에 vuex를 추가합니다
vue cli ui :
• : 와 함께 그래픽 사용자 인터페이스를 시작하십시오 (에 액세스 가능)는 프로젝트를 작성하고 플러그인을 관리하고 설정 구성 및 작업 실행 작업을 제공하는 시각적 방법을 제공합니다. vue inspect
자주 묻는 질문 :

vue cli vs. vue.js : vue cli는 vue.js 프로젝트를 구축하는 도구입니다. vue.js는 프레임 워크 자체입니다 Vue Cli 업데이트 : 사용 를 사용하여 최신 버전으로 업데이트하십시오.

이 포괄적 인 가이드는 vue.js 개발 워크 플로를 가속화하기위한 Vue Cli의 기능을 활용하기위한 탄탄한 기반을 제공합니다. 최신 정보 및 고급 기능에 대한 공식 VUE CLI 문서에 문의하십시오.

위 내용은 Vue Cli에 대한 초보자 안내서의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!