vue.js에 부트스트랩을 도입하는 방법

vue.js에 부트스트랩을 도입하는 방법: 먼저 [npm install bootstrap --save-dev] 명령을 사용하여 설치한 다음 [main.js]에서 [import 'bootstrap 관련 파일 경로'] 구문을 사용하여 도입합니다. 그것.

이 튜토리얼의 운영 환경: windows7 시스템, Vue2.9.6&&bootstrap3 버전, Dell G3 컴퓨터.

【추천 관련 글: vue.js】

vue.js 부트스트랩 소개 방법:

1. 설치가 성공적으로 완료되면 패키지에 설치할 수 있습니다. json 폴더 부트스트랩 모듈을 참조하세요. 이제 main.js에 다음 콘텐츠를 추가해야 합니다.

npm install bootstrap --save-dev

이제 bootstrap 소개는 끝났습니다. BootStrap과 VUE에는 bootstrap-vue.js라는 특별한 디자인이 있으므로 다음은 초점을 맞추겠습니다. 소개 그들이 제공하는 독점 스타일을 직접 사용할 수 있으며 이는 기본 부트스트랩보다 훨씬 좋습니다. 3.

import 'bootstrap/dist/css/bootstrap.min.css'
import 'bootstrap/dist/js/bootstrap.min'

4 명령을 사용하세요. main.js 파일에 추가하세요:

npm i vue bootstrap-vue bootstrap

관련 무료 학습 권장 사항:

javascript

(동영상)

위 내용은 vue.js에 부트스트랩을 도입하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!