Vue安装jquery插件

安装jquery插件

1、npm install jquery --save  第一次安装的时候一直提示没有管理员权限：Please try running this command again as root/Administrator.

2、尝试各种方法包括，在程序中以管理员身份运行cmd，执行命令，在项目下 D:\Vue\my-projectVue>npm install jquery --save，依然存在这个问题

3、最终解决办法是： D:\Vue\my-projectVue>cnpm install jquery --save，安装成功

引入jquery插件

1、首先在package.json里加入，

dependencies:{
 "jquery" : "^2.2.3"
}
貌似安装完jquery之后，会在文件夹下自动生成这段代码

然后执行命令 nmp install ，命令的作用是：

安装项目文件包
npm install 文件包名(例:jquery,bootstrap)
PS:所有下载的文件名都在node-models

2、在webpack.base.conf.js里加入：var webpack = require("../node_modules/webpack"),webpack放在node_modules文件夹下

3、webpack.base.conf.js文件中，在module.exports的最后加入

plugins: [
 new webpack.optimize.CommonsChunkPlugin('common.js'),  // 默认会把所有入口节点的公共代码提取出来,生成一个common.js ;只提取main节点和index节点 new webpack.optimize.CommonsChunkPlugin('common.js',['main','index']);通过CommonsChunkPlugin，我们把公共代码专门抽取到一个common.js，这样业务代码只在index.js，main.js，user.js

 new webpack.ProvidePlugin({ //使用ProvidePlugin加载的模块在使用时将不再需要import和require进行引入;用ProvidePlugin进行实例初始化后，jquery就会被自动加载并导入对应的node模块中
     jQuery: "jquery",
     $: "jquery"
 })
]
4、重新执行指令：npm run dev
5、在main.js 引入，引入方式为：import $ from 'jquery'