Bootstrap 5 and jQuery CDN Snippets

A VS Code extension that provides quick and easy access to Bootstrap 5 and jQuery CDN snippets. Insert production-ready CDN links into your HTML files instantly with simple keyboard shortcuts.

Features

Bootstrap 5 CDN Snippet - Get the latest Bootstrap 5 CSS CDN link with integrity checks
jQuery CDN Snippet - Get the latest jQuery JavaScript CDN link with integrity checks
One-keystroke insertion - Type a simple prefix and get the full CDN link
Integrity protection - All CDN links include SRI (Subresource Integrity) hashes for security

How to Use

Bootstrap 5 CDN

In an HTML file, type: b5cdn
Press Tab or Enter to insert the Bootstrap 5 CSS CDN link
The latest Bootstrap 5 CSS will be inserted with integrity verification

Inserted code:

<link
  rel="stylesheet"
  href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css"
  integrity="sha384-sRIl4kxILFvY47J16cr9ZwB07vP4J8+LH7qKQnuqkuIAvNWLzeN8tE5YBujZqJLB"
  crossorigin="anonymous"
/>

jQuery CDN

In an HTML file, type: jqcdn
Press Tab or Enter to insert the jQuery JavaScript CDN link
The latest jQuery library will be inserted with integrity verification

Inserted code:

<script
  src="https://code.jquery.com/jquery-3.7.1.min.js"
  integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo="
  crossorigin="anonymous"
></script>

Requirements

VS Code 1.64.0 or higher

Tips

These snippets work in HTML files and HTML-like contexts
Use SRI (Subresource Integrity) hashes for enhanced security
The CDN links use jsDelivr and official jQuery CDN for reliability

Hope you enjoy it!

By Squaretron