45.vue-cli安装JQ只需要这几步骤

最新推荐文章于 2024-09-19 21:38:15 发布

咖喱鸡块

最新推荐文章于 2024-09-19 21:38:15 发布

阅读量2.1k

点赞数 1

分类专栏： vue

本文链接：https://blog.csdn.net/hh279768876/article/details/68488426

版权

vue 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

首先在package.json里的dependencies加入"jquery" : "^2.2.3"，然后install

在webpack.base.conf.js里加入

var webpack = require("webpack")

在module.exports的最后加入

plugins: [
new webpack.optimize.CommonsChunkPlugin('common.js'),
new webpack.ProvidePlugin({
jQuery: "jquery",
$: "jquery"
})
]

然后一定要重新 run dev

在main.js 引入就ok了import $ from 'jquery'

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

咖喱鸡块

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

vue-cli3开发使用jQuery插件完成一键导出Word功能（纯前端）

m0_48940868的博客

04-06

889

前言：最近在做一个【生成报告类的系统】，其中最核心的功能就是“如何一键生成报告” 为了解决这一难题，博主采取了很多方案，也参考了网上的文章，无奈的是，很多文章说的不够仔细、清楚，看了半天收获也不是很大。对此，我想通过这篇文章总结下，也是互相分享学习。一般来说，完成导出Word这一功能多多少少都需要后端的支持，网上大致的思路有如下几种：安装四个依赖包，自己规定模板类使用在线导出工具（建议不要去用，商用的，仅做参考）百度模板类（这种个人觉得相对复杂点，博主没怎么看过）使用jQuery插件——Wo

如何使用vue-cli脚手架快速构建一个项目

LIRUN的博客

12-14

886

通常我们做项目，使用vue框架时，通过webpack配置项目文件感到十分繁琐，比较耗时和低效率，此时我们想快速配置完这些东西，这个时候，vue帮我们提供了一个快速搭建项目的工具vue-cli vue2.0会用到一些ES6语法和webpack的配置让你感到陌生，重要的是思路的变换，以前用jq随便拿全局变量和修改dom的锤子不能用了，vue只用关心数据本身，不用再频繁繁琐的操作dom，注册事件、监听...

参与评论您还未登录，请先登录后发表或查看评论

jquery.plugin:jQuery插件脚手架，有助于快速开发jQuery插件

05-20

jquery.plugin 版本1.0.0 概括一个jQuery插件脚手架，可帮助快速开发jQuery插件。这是我用来开始编写新jQuery插件的jQuery插件脚手架。特征简单的目录结构周到的插件支架基于Grunt的文件观看/缩小配置测试页以便于开发作者 Wil Neeley（ / ）入门将仓库克隆到目标项目目录中，然后将所有文件复制到项目目录中。将jquery.plugin.js重命名为项目的名称以及该文件中的project_name变量。更改package.json ， gruntfile.js和test.html jquery.plugin引用以与您的项目名称相对应。确保已安装npm。从项目根目录运行npm install以安装依赖项。从项目根目录的终端运行grunt来初始化JS文件监视程序。开始开发！变更日志版本1.0.0

vue脚手架中引入JQ

03-20

418

vue脚手架中引入JQ package.json中加入JQ版本 cd到文件夹使用 npm install webpack.base.conf.js中加入下面代码： var webpack = require('webpack') plugins: [ new webpack.optimize.CommonsChunkPlugin('common.js'), new web...

Vue实战指南：Vue引入jQuery的方法和配置

09-19

2327

jQuery是一个快速、简洁的JavaScript库，它极大地简化了HTML文档遍历、事件处理、动画等操作，并且提供了一种简便的方式来访问和操作文档对象模型（DOM）。

vue-cli搭建项目引入jquery和jquery-weui步骤详解

alan_liuyue的博客

04-11

8720

vue简介　　 Vue.js 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。 Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。　　另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。 vue引入jquery 　　1.　在package.json里加入依赖： ...

在vue中引入jquery

qq_35457469的博客

08-26

196

1. 安装 jquery npm install jquery --save-dev 2.在 webpack.base.conf.js 添加内容： const webpack = require('webpack') plugins: [ new webpack.ProvidePlugin({ $: 'jquery', jQuery: 'jquery', ...

Vue项目中jQuery的引入

毛毛虫博客

05-07

739

1.安装jQuery依赖 npm install jquery --save-dev 2.在webpack.base.conf.js头部加入如下代码 var webpack = require("webpack") 3.在module.exports的最后加入如下代码 plugins: [ new webpack.optimize.CommonsChunkPlugin('c...

详解vue-cli快速构建项目以及引入bootstrap、jq

08-30

首先，需要全局安装 Vue-Cli。使用以下命令安装 Vue-Cli： ``` npm install -g vue-cli ``` 安装完成后，使用以下命令生成项目模板： ``` vue init webpack cnm ``` 这将生成一个名为 cnm 的项目模板。然后，进入 ...

在vue-cli项目中使用ztree，并实现ztree的模糊搜索高亮

weixin_44101052的博客

05-20

3386

vue-cli项目中使用zTree，并实现zTree的模糊搜索高亮文本1.效果图2.创建项目 ztree-search3. 引入zTree4.代码实现5.参考资料网上许多关于zTree模糊搜索高亮文本的都是jq写的，但是笔者有点强迫症很想用vue来实现，不想在vue的项目中写jq代码，所以自己参考别的高手的方法做了修改，具体如下。 1.效果图 2.创建项目 ztree-search 关于使用...

vue-cli 引入第三放插件

栗米的程序媛

03-23

2296

vue-cli 引入模块jq 是可以的，在引入插件所需的js就有问题了；Vue项目中引入外部文件（js）列子中js采用的jquery ，mui.min.js(本地)；在项目环境搭建完成，可以启动静态页面的基础上步骤一：安装js 依赖npm install jquery --save-dev步骤二：修改build/webpack.base.conf.js文件1，在开头引入webpackVar we...

在Vue项目里正确地引用jQuery插件

热门推荐

HeliumLau的博客

04-20

3万+

正文1.安装jquery依赖npm install jquery --save2.修改两处配置文件module.exports = { // 其他代码... resolve: { extensions: ['', '.js', '.vue'], fallback: [path.join(__dirname, '../node_modules')], a

mpvue 引入自己创建的js 文件到其他的文件中

银滴子的博客

05-18

1819

1、mpvue 引入外部js 文件中的方法如果需要调用外部的js文件中的方法需要按照以下的格式进行写创建方法，将方法抛出 /** * 七牛上传文件工具方法 * */ function getToken() { console.info("进来了"); } export { getToken } 在其他的文件中使用 import {getToken}...

node(express脚手架)+html(jquery模板)

m0_50884068的博客

09-03

281

上代码 html部分 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title&gt

jquery多页面官网webpack脚手架 multi_page

夜雨风亭

03-17

472

jquery多页面官网webpack脚手架 multi_page 简介：用于官网等多页面项目开发，提供最基本的开发方案及功能组件特点：精简，简单易用，纯干货功能： webpack多页面项目打包兼容混淆压缩 rem页面适配方案示例使用rem，定义最大宽度屏幕宽度不足时，进行等比缩放如需响应式样式调整，请另写响应式代码进行微调接口请求ajax封装模板渲染handlebars 模仿vuex的状态管理(store.js) 国际化-多语言-i18n 简易弹窗组件

npm教程03_脚手架的原理以及bootstrap的引入

a568400027的博客

12-14

112

格式：vue init <templateName> <ProjectName> 例子：vue init webpack vue02 运行上面的命令后，脚手架帮忙按照webpack模板生成出以上目录接着运行npm install 安装依赖, 脚手架自动去读取package.json 自动从网上下载依赖的模块，并且生成一个 node_mo...

vue-cli配置jquery 以及jquery第三方插件

weixin_33726943的博客

10-17

278

只使用jquery： 1.cnpm install jquery --save 2. cnpm install @types/jquery --save-dev (不使用ts的不需要安装此声明文件) 3.在使用jquery的文件中：import $ from 'jquery'; ----------以上便可以在项目中使用jQuery，线面讲解如何在项目中使用jque...

vue-cli中引入Jquery，使用$get

lixinhui2323的博客

05-22

443

是找不到这个webpack.base.conf.js文件，这时，vue.config.js==webpack.base.conf.js。注：有的博客里是修改webpack.base.conf.js这个文件，如果你当初使用的是vue-cli。可以在main.js中导入如下红框内容试试（但是不确定对不对），直接在vue.config.js里面修改就好了。这个肯定在vue3/vue-cli中肯定是不对的。自此完成jQuery的引入和配置。安装成功能看见版本信息如下。有的文章导入的是这个。

关于mpvue 请求ajax 引用fly.js

gxy940305的博客

06-28

815

最近由于项目需要，需要做一套同时支持微信小程序和h5页面的程序，然后发现了mpvue。附上mpvue的官网： http://mpvue.com/ 以下为官网的解释：使用mpvue开发小程序，你将在小程序技术体系的基础上获取到这样一些能力：彻底的组件化开发能力：提高代码复用性完整的Vue.js开发体验方便的Vuex数据管理方案：方便构建复杂应用快捷的webpa...

9. Vue-cli脚手架如何创建项目及特点

04-04

Vue-cli脚手架可以通过以下步骤创建项目： 1. 安装Node.js环境 2. 全局安装Vue-cli脚手架：`npm install -g vue-cli` 3. 创建项目：`vue init <template-name> <project-name>` 4. 进入项目：`cd <project-name>` 5...