element-ui는 vue2.0을 기반으로 한 UI 프레임워크로 현재 가장 널리 사용되는 프레임워크입니다. 이 글에서는 vue-cli와 element-ui를 사용하여 프로젝트를 빠르게 빌드하는 방법을 소개합니다.

1. 소개

2. 코드 작업

vue를 사용하는 방법에는 두 가지가 있습니다. cli + element-ui

옵션 1:
①먼저 vue-cli를 사용하여 프로젝트를 빌드합니다.
② 그런 다음 npm을 사용하여 해당 모듈과 플러그인을 설치합니다.
③webpack.conf.js로 이동하여 다양한 파일의 로더를 구성하세요.
④.babelrc에서 플러그인을 구성하세요.

프로젝트가 아직 작성을 시작하지 않았다면 옵션 1을 사용하지 마세요. 프로젝트가 시작된 지 꽤 된다면 위의 사항을 준수하고 모든 단계를 신중하게 처리해야 합니다. 조심하지 마세요, 오류가 보고되었습니다. 다음은 element-ui에서 제공하는 템플릿을 사용하는 두 번째 옵션입니다.

옵션 2:
① git 명령 git clone https://github.com/ElementUI/element-starter.git을 사용하여 공식 템플릿
을 다운로드합니다. ② cnpm intsall을 사용하여 종속 모듈을 다운로드합니다. (Taobao 미러가 없는 경우 cnpm은 npm install을 사용할 수 있습니다.)
③ npm run dev를 사용하여 프로젝트를 실행합니다

템플릿의 기본 구조는 다음과 같습니다. 기본적으로 vue-cli 스캐폴딩을 사용하여 빌드한 프로젝트와 다르지 않으며 매우 깔끔합니다vue-cli 脚手架搭建的项目基本没有区别，十分干净

项目跑起来后可以看到一个简单的页面——就比使用vue-cli搭建的项目的页面多了一个element-ui按钮组件

接下来就可以使用element-ui

npm install module_name -S

npm install module_name --save

npm install module_name -D

npm install module_name --save-dev

npm install module_name -g

관련 권장 사항:

위 내용은 vue-cli 및 element-ui를 사용하여 프로젝트를 빠르게 빌드하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!