国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

從零開始教你用vue-cli一招引入jq和boostrap

CrazyCodes / 1706人閱讀

摘要：和占了在以前的前端半壁江山如今是三分天下和有著成熟體系和架構(gòu)那我們用如何引用和呢安裝腳手架腳手架工具快速構(gòu)建項(xiàng)目架構(gòu)。。全局安裝生成項(xiàng)目名為的的項(xiàng)目模板，自定義到文件夾中打開或者命令窗口初始化安裝依賴然后輸入。。

jq和boostrap占了在以前的前端半壁江山

如今是vue react augular 三分天下

jq和boostrap有著成熟體系和架構(gòu) 那我們用vue-cli如何引用jq和boostrap呢？

1 安裝vue-cli腳手架

vue-cli腳手架工具快速構(gòu)建項(xiàng)目架構(gòu)：

。。首先默認(rèn)了有已經(jīng)安裝了node。。。

npm install -g vue-cli 全局安裝vue-cli

vue init webpack cnm 生成項(xiàng)目名為cnm的的項(xiàng)目模板，cnm自定義

npm install 到cnm文件夾中打開git bash或者命令窗口初始化安裝依賴

然后輸入npm run dev。。不出意外瀏覽器會(huì)自動(dòng)彈出一個(gè)歡迎頁(yè)面，如果不自動(dòng)彈出就打開http://localhost:8080
如果成功運(yùn)行就會(huì)看到vue的logo

2 引入jq

輸入 npm install jquery --save-dev 用npm下載jq依賴、

找到build文件夾下的webpack.base.conf.js文件打開，修改配置：

1、加入webpack對(duì)象：
var webpack=require("webpack");

2、在module.exports里面加入：

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

3、在入口文件main.js中加入
import $ from "jquery"

這樣就全局引入jq了

3 引入boostrap

1、修改webpack.base.conf.js文件：

alias: {  
      "vue$": "vue/dist/vue.esm.js",  
      "@": resolve("src"),  
      "assets": path.resolve(__dirname, "../src/assets"),  
      "jquery": "jquery/src/jquery"  
    }

2、在入口文件main.js中加入：

import "./assets/css/bootstrap.min.css"  
import "./assets/js/bootstrap.min"

3、在assets文件目錄中拷貝bootstrap各種文件

試試bootstrap引入成功沒：

打開hello.vue文件

替換組件模板

如果引入成功，下邊導(dǎo)航欄就會(huì)出現(xiàn)

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.specialneedsforspecialkids.com/yun/94155.html

相關(guān)文章

  • 關(guān)于Vue2一些值得推薦的文章 -- 五、六月份

    摘要：五六月份推薦集合查看最新的請(qǐng)點(diǎn)擊集前端最近很火的框架資源定時(shí)更新，歡迎一下。蘇幕遮燎沈香宋周邦彥燎沈香，消溽暑。鳥雀呼晴，侵曉窺檐語。葉上初陽乾宿雨，水面清圓，一一風(fēng)荷舉。家住吳門，久作長(zhǎng)安旅。五月漁郎相憶否。小楫輕舟，夢(mèng)入芙蓉浦。 五、六月份推薦集合 查看github最新的Vue weekly；請(qǐng)::點(diǎn)擊::集web前端最近很火的vue2框架資源；定時(shí)更新，歡迎 Star 一下。 蘇...

    sutaking 評(píng)論0 收藏0

  • 關(guān)于Vue2一些值得推薦的文章 -- 五、六月份

    摘要：五六月份推薦集合查看最新的請(qǐng)點(diǎn)擊集前端最近很火的框架資源定時(shí)更新，歡迎一下。蘇幕遮燎沈香宋周邦彥燎沈香，消溽暑。鳥雀呼晴，侵曉窺檐語。葉上初陽乾宿雨，水面清圓，一一風(fēng)荷舉。家住吳門，久作長(zhǎng)安旅。五月漁郎相憶否。小楫輕舟，夢(mèng)入芙蓉浦。 五、六月份推薦集合 查看github最新的Vue weekly；請(qǐng)::點(diǎn)擊::集web前端最近很火的vue2框架資源；定時(shí)更新，歡迎 Star 一下。 蘇...

    khs1994 評(píng)論0 收藏0

  • Vue.js最佳實(shí)踐（五招讓你成為Vue.js大師）

    摘要：但如果你想更加高效地使用來開發(fā)，成為大師，那下面我要傳授的這五招你一定得認(rèn)真學(xué)習(xí)一下了。雖然損失了一丟丟性能，但避免了無限的。所以我們需要設(shè)置，這些默認(rèn)行為將會(huì)被去掉以上兩點(diǎn)的優(yōu)化才能成功。陸續(xù)可能還會(huì)更新一些別的招數(shù)，敬請(qǐng)期待。 本文面向?qū)ο笫怯幸欢╒ue.js編程經(jīng)驗(yàn)的開發(fā)者。如果有人需要Vue.js入門系列的文章可以在評(píng)論區(qū)告訴我，有空就給你們寫。 對(duì)大部分人來說，掌握Vue.j...

    CocoaChina 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

閱讀需要支付1元查看
<