/vscode-bcdn

A Plugin for easy bootstrap markup and template

GNU General Public License v3.0GPL-3.0

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

PR are open to make this even better!

Visual Studio Marketplace Visual Studio Marketplace 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
!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
!bsnavc Class to Align Navigation Center
!bsnavr Class to Align Navigation Right
!bsnavtab Class to Use Tab Style Navigation
!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.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