Overview Version History Q & A Rating & Review
This extension for Visual Studio Code adds snippets for the QML language (Qt Meta-object Language).
The extension is based on the Sublime QML extension by Sergey Kozlov:
https://github.com/skozlovf/Sublime-QML
Prerequisites:
The qml file extension needs to be registered as a known file type with VSCode.
The easiest way is to use the QML language syntax extension from Baptist BENOIST:
https://github.com/bbenoist/vscode-qml
Usage
Type part of a snippet, press enter
, and the snippet unfolds.
QML Snippets
Trigger
Content
alias
property alias name :val
anchors
anchors. :parent.
anchors (all sides)
anchors.left: parent.left anchors.top: parent.top anchors.right: parent.right anchors.bottom: parent.bottom
anchors.centerIn
anchors.centerIn: parent
anchors.fill
anchors.fill: parent
anchors.horizontalCenter
anchors.horizontalCenter: parent.horizontalCenter
anchors.margins
anchors.margins: 0
anchors.verticalCenter
anchors.verticalCenter: parent.verticalCenter
color
color: "#"
component.onCompleted:
Component.onCompleted:
connections
Connections {\n target: \n on \n
console.log
console.log(" :")
console.log + var
console.log(" :" + var)
function
function name(argument) { // body... }
layout
Layout.fillWidth: true\nLayout.fillHeight: :true
layout.fillHeight
Layout.fillHeight: true
layout.fillWidth
Layout.fillWidth: true
mouse
MouseArea { anchors.fill: parent cursorShape: Qt.PointingHandCursor hoverEnabled: false onEntered: { onExited: { onWheel: { onClicked: }
property
property var name
default property
default property var name
readonly property
readonly property var name:
QtObject
QtObject { id: }
Rectangle
Rectangle { width: 10 height: 10 color: transparent }
signal
signal name()
stack.onStatusChanged
Stack.onStatusChanged: { if (Stack.status == Stack.Active) ; else if (Stack.status == Stack.Inactive) ; }