安裝jquery插件

1、npm install jquery --save ?第一次安裝的時候一直提示沒有管理員權限：Please try running this command again as root/Administrator.

2、嘗試各種方法包括，在程序中以管理員身份運行cmd，執(zhí)行命令，在項目下 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之后，會在文件夾下自動生成這段代碼

然后執(zhí)行命令 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'), // 默認會把所有入口節(jié)點的公共代碼提取出來,生成一個common.js ;只提取main節(jié)點和index節(jié)點 new webpack.optimize.CommonsChunkPlugin('common.js',['main','index']);通過CommonsChunkPlugin，我們把公共代碼專門抽取到一個common.js，這樣業(yè)務代碼只在index.js，main.js，user.js
new webpack.ProvidePlugin({ //使用ProvidePlugin加載的模塊在使用時將不再需要import和require進行引入;用ProvidePlugin進行實例初始化后，jquery就會被自動加載并導入對應的node模塊中jQuery: "jquery",$: "jquery" }) ]
4、重新執(zhí)行指令：npm run dev
5、在main.js?引入，引入方式為：import $ from 'jquery'

轉載于:https://www.cnblogs.com/jqq0820/p/8890616.html

總結

以上是生活随笔為你收集整理的Vue安装jquery插件的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內容還不錯，歡迎將生活随笔推薦給好友。