Vue 스캐폴딩이란?

vue 스캐폴딩은 단일 페이지 애플리케이션을 빠르게 구축하도록 설계된 복잡한 스캐폴딩인 vue-cli를 의미하며, 새로운 애플리케이션을 쉽게 생성하고 Vue 및 Webpack용 프로젝트 템플릿을 자동으로 생성하는 데 사용할 수 있습니다.

Vue는 사용자 인터페이스 구축을 위한 진보적인 프레임워크입니다. 아래에서 위로 레이어별로 적용할 수 있습니다. Vue의 핵심 라이브러리는 시작하기 쉬울 뿐만 아니라 타사 라이브러리 또는 기존 프로젝트와 쉽게 통합할 수 있는 뷰 레이어에만 중점을 둡니다. 반면에 최신 도구 체인 및 다양한 지원 클래스 라이브러리와 결합하면 Vue는 복잡한 단일 페이지 애플리케이션을 위한 드라이버를 완벽하게 제공할 수 있습니다. 다음으로 Vue, vue-cli의 중요한 콘텐츠를 소개합니다. 참고값, 모두에게 도움이 되었으면 좋겠습니다.

【추천 강좌: Vue.js 튜토리얼】

vue-cli란 무엇입니까

vue-cli는 Vue에서 제공하는 공식 CLI로, 복잡한 싱글을 빠르게 구축하기 위해 특별히 고안되었습니다. 페이지 응용 프로그램. vue.js+webpack을 자동으로 생성하기 위한 프로젝트 템플릿이며 최신 프런트엔드 워크플로를 위한 배터리 포함 빌드 설정을 제공합니다. 핫 리로딩, 저장 시 Lint 검증, 프로덕션 환경에서 vue-cli 사용으로 실행하는 데 몇 분 밖에 걸리지 않습니다

(1) vue-cli 설치

터미널 창을 열고 cmd를 엽니다(win+ R 단축키) 다음 내용을 입력하세요.

npm install -g @vue.cli

이 글에서는 vue-cli 버전 3 이상을 설치해야 합니다. 버전을 확인하려면 다음 명령어를 입력하면 됩니다

vue --version

설치된 버전이 버전 3 미만인 경우 최신 버전을 설치해야 합니다

(3) 커스텀 프로젝트를 생성합니다

Angular와 마찬가지로 React CLI, Vue의 CLI를 이용하면 쉽게 새로운 애플리케이션을 생성할 수 있습니다. Vue 접근 방식의 가장 멋진 기능은 목표에 맞게 사용자 정의된 상용구 프로젝트를 얻을 수 있다는 것입니다. 터미널에 다음을 입력하세요:

vue create my-app

여기에서 CLI를 통해 사전 설정 중 하나를 사용할지 여부를 선택할 수 있습니다. babel 또는 eslint 또는 사용할 기능을 수동으로 선택하세요. 수동을 선택하면 다음 화면이 표시됩니다.

모든 질문에 답하면 Vue가 필요한 모든 것을 다운로드하고 설치합니다. 거기에서 디렉토리로 이동하고 npm run Serve를 실행하여 프로젝트를 보거나 편집기에서 열 수 있습니다. 아래 이미지는 사용 가능한 기능 중 다수 또는 전부를 선택한 경우 스캐폴딩 프로젝트가 어떻게 보일지 보여줍니다.

요약: 위의 내용이 이 글의 전체 내용입니다. 이 글이 모든 사람이 vue-cli 관련 지식을 이해하는 데 도움이 되기를 바랍니다.

위 내용은 Vue 스캐폴딩이란?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!