摘要:第一步安裝方式安裝默認安裝版本的如果想安裝更高版本的那么可以選擇在文件下面這個位置添加代碼斷當前圖片安裝的是版本,如果想安裝更高或者其他可以更改版本號然后在命令行窗口中輸入指令,即可完成安裝第二步更改文件在文件指定位置添加代碼
第一步:安裝jQuery
npm/cmpn方式安裝(默認安裝1.7.X版本的JQ)
npm/cnpm install jQuery
如果想安裝更高版本的JQ那么可以選擇在package.json文件下面這個位置添加代碼斷(當前圖片安裝的是2.2.3版本,如果想安裝更高或者其他可以更改版本號)
然后在命令行窗口中輸入指令,即可完成安裝
npm install
第二步:更改webpack.base.conf.js文件
在文件指定位置添加代碼
var webpack = require(webpack);
plugins: [
new webpack.optimize.CommonsChunkPlugin(common.js),
new webpack.ProvidePlugin({
jQuery: "jquery",
$: "jquery"
})
],
位置如圖所示:
第三步:(必須操作),重啟一下服務(wù)器不然會報錯,重啟之后就好了
npm run dev
第四步:更改main.js文件
添加代碼
import $ from jquery
如圖所示:
之后在文件中即可隨意使用JQ,不過切記不能直接使用,必須這樣
$(function(){
$(.button).click(function(){
alert(JQ引入測試);
});
});
如果不寫$(function(){ }),會無法生效的
錯誤寫法:
$(.button).click(function(){
alert(JQ引入測試);
});
版權(quán)聲明:本文為博主原創(chuàng)文章,未經(jīng)博主允許不得轉(zhuǎn)載。 https://blog.csdn.net/sinat_19327991/article/details/78148930
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/2074.html
摘要:和占了在以前的前端半壁江山如今是三分天下和有著成熟體系和架構(gòu)那我們用如何引用和呢安裝腳手架腳手架工具快速構(gòu)建項目架構(gòu)。。全局安裝生成項目名為的的項目模板,自定義到文件夾中打開或者命令窗口初始化安裝依賴然后輸入。。 jq和boostrap占了在以前的前端半壁江山 如今是vue react augular 三分天下 jq和boostrap有著成熟體系和架構(gòu) 那我們用vue-cli如何引用...
摘要:經(jīng)過大量百度和分析,最后還是依靠調(diào)試前端樣式看出端倪,問題在于里面用到的在我引入的文件里并不存在。經(jīng)過檢查,導入的文件錯誤注意有手機的樣式和另一個,這里要用另一個,名稱一樣。 如何引入 在vue-cli里,引入文件有幾鐘方法 一種是用npm或者cnpm指令去下載對應的插件,然后在main.js里用import方法引入,這里不討論這種方法 我比較喜歡采用的是直接下載對應的js...
摘要:經(jīng)過大量百度和分析,最后還是依靠調(diào)試前端樣式看出端倪,問題在于里面用到的在我引入的文件里并不存在。經(jīng)過檢查,導入的文件錯誤注意有手機的樣式和另一個,這里要用另一個,名稱一樣。 如何引入 在vue-cli里,引入文件有幾鐘方法 一種是用npm或者cnpm指令去下載對應的插件,然后在main.js里用import方法引入,這里不討論這種方法 我比較喜歡采用的是直接下載對應的js...
摘要:經(jīng)過大量百度和分析,最后還是依靠調(diào)試前端樣式看出端倪,問題在于里面用到的在我引入的文件里并不存在。經(jīng)過檢查,導入的文件錯誤注意有手機的樣式和另一個,這里要用另一個,名稱一樣。 如何引入 在vue-cli里,引入文件有幾鐘方法 一種是用npm或者cnpm指令去下載對應的插件,然后在main.js里用import方法引入,這里不討論這種方法 我比較喜歡采用的是直接下載對應的js...
閱讀 740·2023-04-25 19:43
閱讀 3986·2021-11-30 14:52
閱讀 3816·2021-11-30 14:52
閱讀 3873·2021-11-29 11:00
閱讀 3808·2021-11-29 11:00
閱讀 3907·2021-11-29 11:00
閱讀 3584·2021-11-29 11:00
閱讀 6197·2021-11-29 11:00