Getting Started With Vue CLI and Bootstrap + jQuery



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

http://www.facebook.com/programwitherik
http://www.programwitherik.com

Original source


23 responses to “Getting Started With Vue CLI and Bootstrap + jQuery”

  1. 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
    ]

  2. 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'

  3. 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!

  4. 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.

Leave a Reply