2019-08-22 v（手把手教学）vue3.0 项目中安装使用jquery

• 第一步：安装

npm install --save jquery

• 第二步： 查看package.json 文件

  "dependencies": {
    "jquery": "^3.4.1",  ///   一定要有这个  没有的话，手动添加
    "@antv/f2": "^3.4.1",
    "core-js": "^2.6.5",
    "vue": "^2.6.10",
    "vue-router": "^3.0.3",
    "vuex": "^3.0.1"
  },

• 第三步：新创建vue.config.js 文件 添加一下代码

const webpack = require('webpack')
module.exports = {
    lintOnSave: false,
    configureWebpack: {
        plugins: [
            new webpack.ProvidePlugin({
                $: "jquery",
                jQuery: "jquery",
                "windows.jQuery": "jquery"
            })
        ]
    }
}

• 第四步: 在main.js 中引入

import $ from 'jquery'

• 效果如下图
  antv.gif
  
  
  代码三步走.png