Vue 프로젝트에 npm을 사용하여 bootstrap 및 jquery를 설치하는 방법에 대한 간략한 설명

이 글에서는 npm을 사용하여 Vue 프로젝트에 부트스트랩과 jquery를 설치하는 방법을 소개합니다. 도움이 필요한 친구들이 모두 참고할 수 있기를 바랍니다.

【관련 추천: "vue.js tutorial"】

npm을 사용하여 Vue 프로젝트에서 부트스트랩 및 jquery 설치

많은 문의와 실험 끝에 vue 프로젝트의 단계를 요약했습니다. 부트스트랩 프레임워크를 사용하는 경우 npm 설치에 주의하세요.

부트스트랩의 js 플러그인은 jquery에 의존하므로 그 전에 jquery를 설치해야 합니다.

jquery 설치

1. package.json에 "jquery": "^2.2.3"

"dependencies": {
   "element-ui": "^2.0.5",
   "vue": "^2.5.2",
   "vue-router": "^3.0.1",
   "jquery": "^2.2.3"
 }

2 코드 줄을 추가합니다. webpack.base.conf. js:

//注：...代表省略自有的，
//必定事先声明webpack，不然下面会不识别webpack
const webpack = require('webpack')
...
module.exports = {
    resolve: {
        ...
        alias: {
          ...
          'jquery': 'jquery' 
        }
    },
    plugins: [
        new webpack.ProvidePlugin({
          $: "jquery",
          jQuery: "jquery",
          "windows.jQuery": "jquery"
        })
    ],
    ...
}

3. 추가: import $ from 'jquery'

4. npm install jquery@2.2.3 –save-dev

이렇게 하면 jquery가 설치됩니다.

부트스트랩 설치:

1. 필수 페이지에 npm install bootstrap@3.3.0 –save-dev

2를 사용하고 마지막으로 npm run dev를 사용하여 프로젝트를 시작합니다. 괜찮을 거야.

더 많은 프로그래밍 관련 지식을 보려면

프로그래밍 비디오

를 방문하세요! !

위 내용은 Vue 프로젝트에 npm을 사용하여 bootstrap 및 jquery를 설치하는 방법에 대한 간략한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!