[ad_1]
https://i.ytimg.com/vi/HxWSL0Pvhw8/hqdefault.jpg
Vue.js is a great library and framework. How do you get it working with jQuery and Boostrap? In this video we take a look at adding external libraries like bootstrap and jQuery to a Vue.js application. We’ll also look at how to get started with Vue.js.
Are you a beginner web developer? Check out these courses below!
The Web Developer Bootcamp – http://bit.ly/2zP4alw
JavaScript: Understanding the Weird Parts – http://bit.ly/2le84Ba
My Ember.js Cookbook! http://goo.gl/B3cOZT
Find me here
Tweets by ErikCH
http://www.facebook.com/programwitherik
http://www.programwitherik.com
Original source
23 responses to “Getting Started With Vue CLI and Bootstrap + jQuery”
Great video! Thanks for your help!
Erik-Sama,
Which one is better for a large scale project.
"Getting Started With Vue CLI and Bootstrap + jQuery"
or
"Quick Tip – How To Split A Vue.js Component Into Three Files" (https://www.youtube.com/watch?v=rzel4E1JGsE)
Excellent
Excellent, and very well explained, a few days ago I spent a lot of time trying to do this. Thank you so much.
Great Video thank you Erik 🙂
I am actually digital artist Houdini and Maya are my things when I started watching this video I got kernel panic. Lol should I learn JavaScript before Vue or react js.
Meu amigo, muito obrigado pela ajuda, vc não tem idéia do tamanho do problema que solucionou pra mim.
Muito, Muito Obrigado
[EN:
My friend, thank you very much for the help, you have no idea the size of the problem that solved for me.
Thank you so much
]
Thank you, very helpful
What does the global do in global.jQuery? is it native to javascript?
good,im from china,even you is chinese,pretty good.
me mentiste no funciona!!!!!
Hello everyone!
Just a note: If you want your custom component styles to override the Bootstrap styles once the project is built, you need to import Bootstrap before your Vue and App components.
So your code would be like this:
let Bootstrap = require('bootstrap')
import 'bootstrap/dist/css/bootstrap.css'
import Vue from 'vue'
import App from './App'
What's your thoughts on using something like: https://bootstrap-vue.js.org/docs ?
is this acceptable for creating a big projects? using jQuery on vueJs?
you should show your webpack.config.js file
plugins: [
new webpack.ProvidePlugin({
$: "jquery",
jQuery: "jquery",
"window.jQuery": "jquery"
})
],
global.$ = JQuery not working
exactly what i needed. thank you
Hi Erik,
Im trying to implement a VueJs project with Foundation 6.
This setup may work for my project.
I think its better to not use JQuery at all and rather write the logic/animations in VueJs but bad luck for me
I was told to use some Foundation 6 plugins for this project.
I have been following "VueJs 2 The complete Guide" on Udemy and it has been quite a long
but amazing journey.
Thanks for the info,
I hope you do a video setting up VueJs with Sass!
Thanks for tutorial, this is exactly what I was looking for
Hey mate, i tried Boostrap 4, but its not working… Any idea?
This way you are increasing the size of bundled js file generate by vue. So, is this a really good pratice?
Hi…
ERROR in ./~/bootstrap/dist/css/bootstrap.css
Module parse failed: /home/fabian/go/src/fabianpallares/proyectos/contratos/webvuejs/node_modules/bootstrap/dist/css/bootstrap.css Unexpected token (7:5)
You may need an appropriate loader to handle this file type.
| */
| /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
| html {
| font-family: sans-serif;
| -webkit-text-size-adjust: 100%;
@ ./src/main.js 7:0-42
@ multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src/main.js
??
THX.