vue와 bootstrap 사용 사이에 충돌이 있습니까?

vue용 템플릿을 작성할 때 부트스트랩을 사용하면 개발 효율성을 향상시킬 수 있으므로, 함께 사용해야 하는 경우에는 특별히 프레임워크인 BootstrapVue 프레임워크를 사용하면 됩니다. vue용 부트스트랩으로 개발되었습니다.

이 튜토리얼의 운영 환경: Windows 10 시스템, 부트스트랩 버전 3.3.7, DELL G3 컴퓨터

vue와 부트스트랩 사용 사이에 충돌이 있나요?

Vue 작성 템플릿을 사용하여 개선할 수 있습니다. 개발 효율성

조합하여 사용하려면 BV 프레임워크 사용을 권장합니다  bootstrap은 vue를 위해 특별히 개발된 프레임워크입니다

BootstrapVue는 Bootstrap v4 + Vue.js를 기반으로 하는 프런트 엔드 UI 프레임워크입니다. Vue.js 프레임워크 자체를 학습하기 위한 입문 프레임워크로는 BootstrapVue가 매우 좋다고 생각합니다. Bootstrap 프레임워크 자체는 가볍고 배우기 쉬우며 많은 타사 플러그인 및 테마 스타일을 통해 전 세계적으로 매우 인기가 있습니다. 진보적인 프레임워크인 Vue.js의 핵심 라이브러리는 시작하기 쉬울 뿐만 아니라 타사 프레임워크 또는 기존 프로젝트와 쉽게 통합할 수 있는 뷰 레이어에만 중점을 둡니다.

BootstrapVue 프레임워크 설치 단계

준비 작업, Vue CLI 설치

Vue CLI 패키지 이름이 vue-cli에서 @vue/cli로 변경되었습니다. 이전 버전의 vue-cli(1.x 또는 2.x)가 설치된 경우 먼저 이전 버전을 제거해야 합니다:

npm uninstall -g vue-cli

그런 다음 새 버전을 설치합니다:

npm install -g @vue/cli

vue 버전 확인:

vue --version

3.x가 표시되면 설치가 올바른 것입니다.

새 Vue 프로젝트 만들기

vue create bootstrapvue-demo

메시지가 표시되면 사전 설정을 선택하고 기본 기본값을 선택한 다음 Enter를 누르세요.

Run Vue 프로젝트

cd bootstrapvue-demo
npm run serve

관련 권장 사항: 부트스트랩 튜토리얼

위 내용은 vue와 bootstrap 사용 사이에 충돌이 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!