Skip to content

Eventyret/vscode-bcdn

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

Bootstrap 4 with CDN Boilerplate

Ever been trying to start with a bootstrap template?

This is normally not an issue but I found it tedious with using ! then add all CSS with font-awesome and jquery etc.

This extension will solve the issue for you with a simple !bcdn + TAB and your up and running with a full template

The extension also supports Bootswatch themes

Visual Studio Marketplace Version Visual Studio Marketplace Rating Visual Studio Marketplace Downloads Visual Studio Marketplace Installs

License Maintenance contributions welcome

Gif

Shortcuts / Commands

Main Commands

Command **Help Text **
!bcdn Creates an Bootstrap 4 starter template. With Jquery, popper.js and Font-Awesome 5
!bcdn5 Creates an Bootstrap 5 starter template. With popper.js and Font-Awesome 5
!bcss Creates an Bootstrap 4 starter template. Only with CSS (No Jquery) and Font-Awesome 5
!b3cdn Creates an Bootstrap 4 starter template. With Jquery, Font-Awesome 4.7
!bcdnajax Creates an Bootstrap 4 starter template. With Jquery, popper.js and Font-Awesome 5 (Ajax support)
!bcdnjs Creates all the script links for JS (Links only)
!bcdncss Creates all the style links for CSS (Links only)

Bootswatch Template variations

Command **Help Text **
!bcdncerulean Creates an Bootstrap 4 Template with Cerulean Bootswatch Colors
!bcdncosmo Creates an Bootstrap 4 Template with Cosmo Bootswatch colors
!bcdncyborg Creates an Bootstrap 4 Template with Cyborg Bootswatch colors
!bcdndarkly Creates an Bootstrap 4 Template with Darkly Bootswatch colors
!bcdnflatly Creates an Bootstrap 4 Template with Flatly Bootswatch colors
!bcdnjournal Creates an Bootstrap 4 Template with Journal Bootswatch colors
!bcdnlitera Creates an Bootstrap 4 Template with Litera Bootswatch colors
!bcdnlumen Creates an Bootstrap 4 Template with Lumen Bootswatch colors
!bcdnlux Creates an Bootstrap 4 Template with Lux Bootswatch colors
!bcdnmateria Creates an Bootstrap 4 Template with Materia Bootswatch colors
!bcdnminty Creates an Bootstrap 4 Template with Minty Bootswatch colors
!bcdnpulse Creates an Bootstrap 4 Template with Pulse Bootswatch colors
!bcdnsandstone Creates an Bootstrap 4 Template with Sandstone Bootswatch colors
!bcdnsimplex Creates an Bootstrap 4 Template with Simplex Bootswatch colors
!bcdnsketchy Creates an Bootstrap 4 Template with Sketchy Bootswatch colors
!bcdnslate Creates an Bootstrap 4 Template with Slate Bootswatch colors
!bcdnsolar Creates an Bootstrap 4 Template with solar Bootswatch colors
!bcdnspacelab Creates an Bootstrap 4 Template with Space Lab Bootswatch colors
!bcdnsuperhero Creates an Bootstrap 4 Template with Super Hero Bootswatch colors
!bcdnunited Creates an Bootstrap 4 Template with United Bootswatch colors
!bcdnyeti Creates an Bootstrap 4 Template with Yeti Bootswatch colors

Forms and misc Classes

Command Help Text
!bsnav Default Navigation for Bootstrap
!bsnavcenter Create a center logo navbar
!bsnavc Class to Align Navigation Center
!bsnavr Class to Align Navigation Right
!bsnavtab Class to Use Tab Style Navigation
!bsnavsticky Default Sticky Navigation for Bootstrap
!bsnavpill Class to Use Pill Style Navigation
!bsnavdd Default Dropdown Navigation (Requires Jquery)
!bsnavj Class to Justify Navigation
!bfg Bootstrap Form Group parent element
!bfc Bootstrap Form Control
!bsform Bootstrap form with input, select and textarea

Release Notes

πŸš€ New Feature
βœ… Minor Fix
πŸ› Bugfix

[1.13.0]

Added

  • Upgraded Bootstrap from 5.0.1 to 5.1.0 βœ…
  • Upgraded Bootswatch from 5.0.1 to 5.1.0 βœ…
  • Upgraded Font Awesome to 5.15.14

Fixed

  • Fixed some minor spelling and layout issues in readme

[1.12.0]

Added

  • Upgraded Bootstrap 5-beta1 to 5.0.1` βœ…
  • Upgraded Font Awesome to 5.15.13
  • Added new bootswatch 5 themes πŸš€

[1.11.0]

Added

  • Upgraded Bootstrap 4.5.3 Alpha to 4.6.0` βœ…
  • Upgraded Font Awesome to 5.15.2

[1.10.0]

Added

  • Upgraded Bootstrap 5 Alpha to Beta 1 βœ…
  • Upgraded Font Awesome to 5.15.1 (This introduces the free covid-19 icons) βœ…

[1.9.0]

Added

  • Upgraded Bootstrap 5 Alpha to Alpha 2 βœ…
  • Upgraded Font Awesome to 5.15.0 (This introduces the free covid-19 icons) βœ…
  • Added new center bootstrap command !bsnavcenter (This will create a centered brand navbar) πŸš€

[1.8.2]

Added

  • Upgraded Bootstrap to 4.5.2 βœ…

[1.8.1]

Added

  • Upgraded Font Awesome to 5.14.0 βœ…

Fixed

  • Upgraded npm dependency to 6.14.6 βœ…

[1.8.0]

Added

  • Added bootstrap 5 alpha support with new command !bcdn5 πŸš€
  • Upgraded Font Awesome to 5.13.1 βœ…

Removed

  • Removed jQuery as dependancy for Bootstrap 5 βœ…

[1.7.0]

Added

  • Added Meta Description element to initial block. πŸš€ / Thanks @betahope

[1.6.1]

Fixed

  • Fixed spelling mistake in the title of the plugin πŸ›

[1.6.0]

Added

  • Created a brand New Icon πŸš€
  • New Screencast πŸš€
  • New Shields added πŸš€
  • Added bug report template for Github πŸš€
  • Added feature request template for Github πŸš€

[1.5.0]

Added

  • Upgraded bootstrap to 4.5.0 πŸš€
  • Upgraded bootstrap to 3.5.1 βœ…
  • Upgraded bootstrap to 3.5.1 βœ…
  • Added sticky navbar with !bsnavsticky πŸš€

[1.4.1]

Fixed

  • Reverted jQuery to v.3.4.1 for compatibility issues with current Bootstrap version. βœ…

[1.4.0]

Added

  • Moved the paths for style.cssto be a better standard now it will be assets/css/style.css
  • Added support for Django templates django-html support requested in #15 πŸš€
  • Added support for jinja templates jinja-html support requested in #15 πŸš€
  • Updated jQuery to 3.5.0 βœ…
  • Updated popper.js to 1.16.1 βœ…
  • Updated Font Awesome to 5.13.0 βœ…
  • Added support for github actions πŸš€

Fixed

  • Fixed an issue with the README with markdown errors.

Removed

  • Removed Azure-pipeline

[1.3.0]

Added

  • Updated Bootstrap to 4.4.1 βœ…
  • Updated PopperJS to 1.16.0 βœ…
  • Added !bcdncss to add latest bootstrap and font awesome styles πŸš€
  • Emojis for better readability in changelog and README πŸš€ 😍
  • Added Bootswatch themes to be added with !bcdnTHEMENAME eg !bcdnyeti will give the Yeti bootswatch theme πŸš€

Fixed

  • Fixed an issue where the wrong command was written in the README. πŸ›
  • Changed the structure of the tables in the readme to make it easier to read πŸš€
  • Added and removed comma structure in package.json as this was broken

[1.2.3]

Fixed

  • Fixed a problem with versions and npm βœ…

[1.2.1]

Added

  • Added bcdnjs to the table in README πŸš€
  • Updated Font Awesome 5 to 5.11.2 βœ…

[1.2.0]

Added

  • Added bcdnjs this will give you the ability to just insert all the javascript at the footer. πŸš€
  • Updated FontAwesome 5 to 5.10.0-11 βœ…

[1.1.9]

Added

  • Updated FontAwesome 5 to 5.8.2 βœ…
  • Updated Jquery to 3.4.1 βœ…
  • Updated popper.js to 1.50.0 βœ…

Fixed

  • Changed FontAwesome 4 to 5 on Bootstrap 3 Starter Template πŸš€

[1.1.8]

Fixed

  • Fixed issues with updating and publishing πŸ›

[1.1.7]

Added

[1.1.6]

Added

[1.1.5]

Fixed

Fixed some issues with readme πŸ›

[1.1.4]

Added

  • Updated Bootstrap to version 4.2.1 βœ…
  • Updated Fontawesome to version 5.7.0 βœ…
  • Added Bootstrap 3 Template !b3cdn for the legacy people that wanted it. πŸš€
  • Added full form with input, select and textarea. #9 - Thanks to @wings30306 πŸš€

Fixed

  • Added a license #8 - This plugin now has a GNU GENERAL PUBLIC LICENSE. πŸš€
  • Fixed the table in readme looking wrong. βœ…

[1.1.3]

Removed

  • Removed Django and vue HTML as it was not working correctly πŸ›

[1.1.2]

Fixed

  • Fixed where the javascript was .map file πŸ›

[1.1.1]

Fixed

  • Fixed some minor spelling errors in readme and other files πŸ›

[1.1.0]

Added

  • Added Support for JSX / ReactJS πŸš€
  • Added Support for Vue HTML πŸš€
  • Added Font Awesome 5 Free πŸš€

Removed

  • Removed Font Awesome 4.7 βœ…

[1.0.8]

Added

  • Updated Bootstrap CSS to 4.1.2 πŸš€
  • Updated Bootstrap JS to 4.1.2 πŸš€

[1.0.7]

Added

  • Added icon to plugin πŸ›

[1.0.6]

Fixed

  • Space in Url for bootstrap. #5 πŸ›
  • Fixed popper.js unexpected token error. #6 πŸ›
  • Problems with badges not displaying. πŸ›

Removed

  • Removed Travis CI Build testing for now βœ…

[1.0.5]

Fixed

  • Double text in readme. πŸ›

[1.0.4]

Added

  • Readme badges πŸš€

Fixed

  • Fixed error in package.json version πŸ›

[1.0.3]

Added

  • Added Navigation snippets - Thanks to @karnthis #1 πŸš€
  • Added Bootstrap4 CDN without jQuery - Thanks to @nartc #2 πŸš€
  • Added 2 basic form snippets: form-group and form-control Thanks to @nartc #3 πŸš€
  • Updated readme with table of commands. βœ…
  • Added travis CI testing (WIP) πŸš€

Fixed

  • Fixed spelling errors. πŸ›

[1.0.2]

  • Minor adjustments to files βœ…

[1.0.0]

Initial release of Bootstrap 4 with CDN Boilerplate 😍 πŸš€

Known Issues

No known issues so far.

Credits