@vue/cli 4.1.1
Using below commands to install bootstrap-vue, adds the plugin file and pre-fills the statements. Just have alook at them and edit them
vue create my-app
cd my-app
vue add bootstrap-vue
# find "extension.vsixmanifest" files | |
# $directory = "C:\Users\Martin\AppData\Local\Microsoft\VisualStudio\16.0_b91ee7f2\Extensions" | |
$directory = "$($env:LOCALAPPDATA)\Microsoft\VisualStudio\" | |
Write-Output "---BACKUP VISUAL STUDIO EXTENSIONS---" | |
Write-Output $directory | |
Write-Output "-------------------------------------" | |
get-childitem $directory -recurse | where {$_.extension -eq ".vsixmanifest"} | % { |
.debug *:nth-child(4n+1) { | |
/* border: 1px solid blue !important; */ | |
background-color: rgb(86, 111, 149); | |
background-image: repeating-linear-gradient(45deg, transparent, transparent 35px, rgba(255, 255, 255, .5) 35px, rgba(255, 255, 255, .5) 70px); | |
outline: 1px rgb(57, 136, 255) solid; | |
outline-offset: -1px; | |
box-shadow: inset 0px 0px 22px -3px rgb(0, 26, 56); | |
} | |
.debug *:nth-child(4n+2) { |
import Vue from 'vue'; | |
import bAlert from 'bootstrap-vue/es/components/alert/alert'; | |
import bBadge from 'bootstrap-vue/es/components/badge/badge'; | |
import bBreadcrumb from 'bootstrap-vue/es/components/breadcrumb/breadcrumb'; | |
import bBreadcrumbItem from 'bootstrap-vue/es/components/breadcrumb/breadcrumb-item'; | |
import bBreadcrumbLink from 'bootstrap-vue/es/components/breadcrumb/breadcrumb-link'; | |
import bButton from 'bootstrap-vue/es/components/button/button'; | |
import bButtonClose from 'bootstrap-vue/es/components/button/button-close'; | |
import bButtonGroup from 'bootstrap-vue/es/components/button-group/button-group'; | |
import bButtonToolbar from 'bootstrap-vue/es/components/button-toolbar/button-toolbar'; |
/* ---------------------------------------- | |
Bootstrap 4 | |
HTML, PHP, BLADE snippets | |
Alerts | |
042419 | |
---------------------------------------- */ | |
{ | |
"Boostrap 4: Alert": { |
{ | |
// Place your snippets for javascript here. Each snippet is defined under a snippet name and has a prefix, body and | |
// description. The prefix is what is used to trigger the snippet and the body will be expanded and inserted. Possible variables are: | |
// $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders. Placeholders with the | |
// same ids are connected. | |
// Example: | |
// "Print to console": { | |
// "prefix": "log", | |
// "body": [ | |
// "console.log('$1');", |
{"lastUpload":"2020-03-14T22:03:45.785Z","extensionVersion":"v3.4.3"} |
{"lastUpload":"2020-02-11T15:12:25.221Z","extensionVersion":"v3.4.3"} |
{ | |
/* | |
// Place your snippets for PHP here. Each snippet is defined under a snippet name and has a prefix, body and | |
// description. The prefix is what is used to trigger the snippet and the body will be expanded and inserted. Possible variables are: | |
// $1, $2 for tab stops, ${id} and ${id:label} and ${1:label} for variables. Variables with the same id are connected. | |
// Example: | |
"Print to console": { | |
"prefix": "log", | |
"body": [ | |
"console.log('$1');", |
{"lastUpload":"2018-03-13T11:41:19.205Z","extensionVersion":"v2.9.0"} |