>  기사  >  웹 프론트엔드  >  vue cli가 뭐예요?

vue cli가 뭐예요?

coldplay.xixi
coldplay.xixi원래의
2020-11-09 14:12:185119검색

vue cli는 [@vue/cli]를 통해 구현된 대화형 프로젝트 스캐폴딩인 [Vue.js]를 기반으로 한 신속한 개발을 위한 완전한 시스템입니다. Vue CLI는 Vue 생태계의 도구 기반을 표준화하는 데 전념하여 다양한 빌드를 보장합니다. 지능형 기본 구성을 기반으로 도구를 원활하게 연결할 수 있습니다.

[관련 기사 추천: ​​uvue.jsvue cli가 뭐예요?

] Vue CLI는 신속한 개발을 위해 Vue.js를 기반으로 한 완전한 시스템입니다. 다음을 제공합니다. via @Vue Interactive 프로젝트 스캐폴딩은 /cli로 구현됩니다. .

@vue/cli + @vue/cli-service-global을 통한 제로 구성 프로토타입 개발.赖 종속성(@Vue/Cli-Service), 다음 종속성:
  • 업그레이드 가능 ;

                                                                             >                       .
  • 프런트 엔드 생태계에서 최고의 도구를 통합하는 풍부한 공식 플러그인 컬렉션입니다.
  • Vue.js 프로젝트 생성 및 관리를 위한 완전한 그래픽 사용자 인터페이스입니다.

    Vue CLI는 Vue 생태계의 도구 기반을 표준화하기 위해 최선을 다하고 있습니다. 지능형 기본 구성을 기반으로 다양한 빌드 도구가 원활하게 연결될 수 있도록 보장하므로 구성 문제를 걱정하는 데 며칠을 소비하는 대신 애플리케이션 작성에 집중할 수 있습니다. 동시에 각 도구에 꺼내지 않고도 구성을 조정할 수 있는 유연성도 제공됩니다.

    시스템 구성 요소

  • Vue CLI에는 여러 개의 독립적인 부분이 있습니다. 소스 코드를 보면 이 저장소가 별도로 출시된 여러 패키지를 동시에 관리한다는 것을 알 수 있습니다.

  • CLI
  • CLI(@vue/cli)는 터미널에서 vue 명령을 제공하는 전역적으로 설치된 npm 패키지입니다. vue create를 통해 새로운 프로젝트를 빠르게 구축하거나, vue Serve를 통해 직접 새로운 아이디어의 프로토타입을 구축할 수 있습니다. 또한 vue ui를 통해 일련의 그래픽 인터페이스를 통해 모든 프로젝트를 관리할 수 있습니다. 다음 가이드에서는 장별로 더 자세히 살펴보겠습니다.

CLI 서비스

CLI 서비스(@vue/cli-service)는 개발 환경 종속성입니다. @vue/cli가 생성한 모든 프로젝트에 로컬로 설치되는 npm 패키지입니다.

CLI 서비스는 webpackwebpack-dev-server를 기반으로 구축되었습니다. 여기에는 다음이 포함됩니다.

다른 CLI 플러그인을 로드하기 위한 핵심 서비스

대부분의 애플리케이션에 최적화된 내부 웹팩 구성

vue-cli-service 명령, 서브 제공, 빌드 및 검사 명령.

@vue/cli-service) 是一个开发环境依赖。它是一个 npm 包,局部安装在每个 @vue/cli 创建的项目中。

CLI 服务是构建于 webpackwebpack-dev-server之上的。它包含了:

  • 加载其它 CLI 插件的核心服务;

  • 一个针对绝大部分应用优化过的内部的 webpack 配置;

  • 项目内部的 vue-cli-service 命令,提供 serve、build 和 inspect 命令。

如果你熟悉 create-react-app 的话,@vue/cli-service 实际上大致等价于 react-scripts,尽管功能集合不一样。

CLI 服务章节涵盖了它的具体用法。

CLI 插件

CLI 插件是向你的 Vue 项目提供可选功能的 npm 包,例如 Babel/TypeScript 转译、ESLint 集成、单元测试和 end-to-end 测试等。Vue CLI 插件的名字以 @vue/cli-plugin- (内建插件) 或 vue-cli-plugin- (社区插件) 开头,非常容易使用。

当你在项目内部运行 vue-cli-service

create-react-app에 익숙하다면 @vue/cli-service는 기능 세트는 다르지만 실제로는 React-scripts와 대략 동일합니다.

CLI 서비스 장에서는 구체적인 사용법을 다룹니다.

CLI 플러그인

🎜CLI 플러그인은 Babel/TypeScript 변환, ESLint 통합, 단위 테스트, 엔드투엔드 테스트 등과 같은 Vue 프로젝트에 선택적 기능을 제공하는 npm 패키지입니다. Vue CLI 플러그인 이름은 @vue/cli-plugin-(내장 플러그인) 또는 vue-cli-plugin-(커뮤니티 플러그인)으로 시작하므로 사용이 매우 쉽습니다. 🎜🎜프로젝트 내에서 vue-cli-service 명령을 실행하면 package.json에 나열된 모든 CLI 플러그인을 자동으로 구문 분석하고 로드합니다. 🎜🎜플러그인은 프로젝트 생성 과정의 일부로 사용하거나 나중에 프로젝트에 추가할 수 있습니다. 또한 재사용 가능한 사전 설정 세트로 그룹화할 수도 있습니다. 이에 대해서는 플러그인 및 사전 설정 장에서 자세히 논의하겠습니다. 🎜🎜🎜관련 무료 학습 권장 사항: 🎜javascript🎜(동영상) 🎜🎜

위 내용은 vue cli가 뭐예요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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