从品牌网站建设到网络营销策划,从策略到执行的一站式服务
这篇文章给大家分享的是有关vue引入bootstrap框架的方法的内容。小编觉得挺实用的,因此分享给大家做个参考。一起跟随小编过来看看吧。
10余年的李沧网站建设经验,针对设计、前端、开发、售后、文案、推广等六对一服务,响应快,48小时及时工作处理。营销型网站建设的优势是能够根据用户设备显示端的尺寸不同,自动调整李沧建站的显示方式,使网站能够适用不同显示终端,在浏览器中调整网站的宽度,无论在任何一种浏览器上浏览网站,都能展现优雅布局与设计,从而大程度地提升浏览体验。创新互联从事“李沧网站设计”,“李沧网站推广”以来,每个客户项目都认真落实执行。
一、引入jquery
步骤:
1. 安装jquery
$ npm install jquery --save-dev
2.在webpack.config.js 添加内容
+ const webpack = require("webpack"); module.exports = { entry: './index.js', output: { path: path.join(__dirname, './dist'), publicPath: '/dist/', filename: 'index.js' }, + plugins: [ new webpack.ProvidePlugin({ jQuery: 'jquery', $: 'jquery' }) ] }
3.在入口文件index.js 里面添加内容
import $ from 'jquery' ;
4.测试一下是否安装成功,看看能否弹出'123'
Hello world!
二、引入bootstrap
1、安装Bootstrap
$ npm install --save-dev bootstrap
2、在入口文件index.js里引入相关
import './node_modules/bootstrap/dist/css/bootstrap.min.css'; import './node_modules/bootstrap/dist/js/bootstrap.min.js';
3、添加一段Bootstrap代码
4、查看效果
感谢各位的阅读!关于vue引入bootstrap框架的方法就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到吧!
成都网站建设公司地址:成都市青羊区太升南路288号锦天国际A座10层 建设咨询028-86922220
成都快上网科技有限公司-四川网站建设设计公司 | 蜀ICP备19037934号 Copyright 2020,ALL Rights Reserved cdkjz.cn | 成都网站建设 | © Copyright 2020版权所有.
专家团队为您提供成都网站建设,成都网站设计,成都品牌网站设计,成都营销型网站制作等服务,成都建网站就找快上网! | 成都网站建设哪家好? | 网站建设地图