Vue项目如何引入JQuery详细步骤

用vue-cli脚手架工具构建项目成功后如果需要引入JQ，步骤如下：

1、在Jquery官网下载：https://jquery.com/download/

2、首先在项目中找到在package.json文件，在package.json里做如下操作：
注意：看自己下载的版本号来写！

3、在终端里输入npm install jquery –save-dev 也可以是cnpm install jquery –save-dev
注意：jquery 一定要小写不然会提示 Please use ‘jquery’ (all lowercase)!

4、(1)在项目中找到 build文件夹下的 webpack.base.conf.js 文件,
打开—>添加：var webpack=require(‘webpack’)

(2) 在 module.exports 里输入：

    plugins: [ new webpack.ProvidePlugin({ $:”jquery”, jQuery:”jquery”, “windows.jQuery”:”jquery”}) ],

如下图：

5、在入口文件 main.js 中输入： import $ from ‘jquery’

6、在终端输入npm run dev 回车后，出现端口号就可以了。

Vue项目如何引入JQuery详细步骤相关推荐

vue项目全局引入jquery
1.全局安装jquery 安装命令: npm install jquery --save 2.vue-cli3项目没有webpack.base.conf.js文件根目录新建vue.config.js ...
在vue项目中引入JQuery
1.安装 npm install jquery --save 2.配置 1.首先在package.json里的dependencies加入"jquery":"^3.6.0 ...
Vue下面安装Element 的详细步骤
项目中在大量的使用vue和Element来书写自己的代码,无论是前台系统还是后天系统.这里我给大家详细的介绍一下如何在vue项目中引入Element. 首先你要安装了vue,如果没有安装可以参考vue ...
vue 项目中使用 jquery
在 vue 项目中使用 jquery,具体步骤如下 1.npm 安装 jquery 命令如下,@ 后边指定安装的 jquery 版本 npm install jquery@3.2.1 不加 @ 会安装 ...
[vue] 从0到1自己构架一个vue项目，说说有哪些步骤、哪些重要插件、目录结构你会怎么组织
[vue] 从0到1自己构架一个vue项目,说说有哪些步骤.哪些重要插件.目录结构你会怎么组织 1 项目类型前端的项目目前来看主要分为小程序开发,H5页面开发.PC官网.后台管理系统开发.Nativ ...
vue项目安装引入css-loader - cmd篇
vue项目如何引入安装css-loader? 步骤如下: cmd指令: npm install --save-dev css-loader 以上就是关于" vue项目安装引入css-load ...
Vue笔记——Vue组件中引入jQuery
Vue笔记--Vue组件中引入jQuery 如果想在普通的HTML页面引入jQuer库的话,直接使用<script src="jQuery.js"></scrip ...
vue项目中引入bootstrap的方法
vue项目中引入bootstrap?下面本篇文章给大家介绍一下.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 相关教程推荐:<bootstrap教程> 在 vue 项目 ...
vue ajax highcharts,在vue项目中引入highcharts图表的方法(详解)
npm进行highchars的导入,导入完成后就可以进行highchars的可视化组件开发了 npm install highcharts --save 1.components目录下新建一个char ...

Vue项目如何引入JQuery详细步骤

Vue项目如何引入JQuery详细步骤相关推荐

最新文章

热门文章