This is not the official Visual Studio Code extension. This is a community-created extension that has collection of useful Quasar Framework (Vue.js) snippets for faster development in Visual Studio Code.
Installation
Clone or download this repository.
Open the folder in VS Code.
Press F5 to launch the extension in a new Extension Development Host window.
Usage
Type a snippet prefix in a .vue, .js, or .ts file and select the desired snippet from the suggestions.
Available Snippets
Below is a table of all available snippet prefixes (including the newly added ones) for Quasar components:
Prefix (Trigger)
Description (Component)
qbtn
Quasar Button
qinput
Quasar Input
qcard
Quasar Card
qlayout
Quasar Layout
qpage
Quasar Page
qtoolbar
Quasar Toolbar
qdrawer
Quasar Drawer
qfooter
Quasar Footer
qheader
Quasar Header
qdialog
Quasar Dialog
qselect
Quasar Select
qtable
Quasar Table
qavatar
Quasar Avatar
qbadge
Quasar Badge
qbar
Quasar Bar
qbreadcrumbs
Quasar Breadcrumbs
qcarousel
Quasar Carousel
qcheckbox
Quasar Checkbox
qcolor
Quasar Color
qdate
Quasar Date
qeditor
Quasar Editor
qexpansionitem
Quasar Expansion Item
qfab
Quasar Fab
qfield
Quasar Field
qfile
Quasar File
qform
Quasar Form
qicon
Quasar Icon
qimg
Quasar Img
qinfinitescroll
Quasar Infinite Scroll
qinnerloading
Quasar Inner Loading
qitem
Quasar Item
qlist
Quasar List
qmenu
Quasar Menu
qoptiongroup
Quasar Option Group
qpagination
Quasar Pagination
qpopupedit
Quasar Popup Edit
qpopupproxy
Quasar Popup Proxy
qradio
Quasar Radio
qrating
Quasar Rating
qscrollarea
Quasar Scroll Area
qseparator
Quasar Separator
qslideitem
Quasar Slide Item
qslider
Quasar Slider
qspace
Quasar Space
qspinner
Quasar Spinner
qstepper
Quasar Stepper
qtabpanels
Quasar Tab Panels
qtabs
Quasar Tabs
qtimeline
Quasar Timeline
qtoggle
Quasar Toggle
qtooltip
Quasar Tooltip
quploader
Quasar Uploader
qvideo
Quasar Video
Contribution
Feel free to submit pull requests for new snippets or improvements!
