Bootstrap&Font awesome plugin for visualstudio - Bootstrap Snippets

We recommend you install this plugin if you use visualstudio.This plugin can be intelligently prompted to increase productivity and speed。

Installation (in 2 easy steps)

1. Install plugin
2. Press F1, paste ext install bootstrap4-vscode & then press enter (or)
3. Goto extensions by pressing Ctrl-Shift-X (Windows/Linux) or Cmd-Shift-X (Mac) & Search for Bootstrap 4, click on install
4. Reload your editor

You are good to go

Usage

To use the bootstrap snippets, open a HTML file, and start typing b4-, followed by pressing Ctrl+Space. A list of bootstrap snippets will show up

To use font awesome 4 snippets, open a HTML file, and start typing fa4-, the editor will show you all the snippets

To use font awesome 5 free snippets, open a HTML file, and start typing fa5-, the editor will show you all the snippets

To use font awesome 5 pro snippets, open a HTML file, and start typing fa5p-, the editor will show you all the snippets

The detailed list of supported actions are listed below under documentation section

Here are the conventions that will make it easy to lookup templates

If a template trigger starts with @ variation, this snippet targets the attribute of an html element in your markup. Think of @ as html attribute

Review

It is a first time I use something like preinstalled packages, and VS Code. It took some time to learn how it works. At the beginning it was very confusing. But now it is Super easy to use, and create some great looking BootStrap pages. The autor of this package did an amazing work!

Needs improvement, because it’s being loaded everywhere, even when it’s useless i.e. in css/scss inside ‘background: url(*);’ instead path intellisense or in js. Suggestions are dependant too much on specific bootstrap minor version. Also many of them are badly described making it hard to read.

Plugin Homepage:https://marketplace.visualstudio.com/items?itemName=thekalinga.bootstrap4-vscode#overview