A Visual Studio Code extension for PySide6, PySide2, PyQt6 and PyQt5.

All features support multi-root workspace project.

• Syntax highlighting (qml and qmldir files)
• Linting (requires PySide6 >= 6.3)
  • Support .qmllint.ini configuration file
• Code completion (requires PySide6 >= 6.4)
• Preview QML file in a separate window (requires PySide6)
• Format QML file (requires PySide6 >= 6.5.2)

• Syntax highlighting (ui files)
• Compile to Python code
• Continuous compilation
• Create and edit UI file with Qt Designer (requires PySide6 or PySide2)

• Syntax highlighting (qrc files)
• Compile to Python code (requires PySide6, PySide2, or PyQt5)
• Continuous compilation

• Syntax highlighting (qss files)
• Provide color picker for HEX, RGBA, HSVA, and HSLA code

• Syntax highlighting (ts files)
• Extract translation strings from Python, QML and UI files
• Edit translations with Qt Linguist (requires PySide6)
• Compile to binary translation files (requires PySide6)

The following list shows the supported variables you can use in extension configurations.

• ${userHome} - the path of the user's home folder
• ${workspaceFolder} - the path of the folder opened in VS Code
• ${workspaceFolderBasename} - the name of the folder opened in VS Code without any slashes (/)
• ${file} - the current opened file
• ${fileWorkspaceFolder} - the current opened file's workspace folder
• ${relativeFile} - the current opened file relative to workspaceFolder
• ${relativeFileDirname} - the current opened file's dirname relative to workspaceFolder
• ${fileBasename} - the current opened file's basename
• ${fileBasenameNoExtension} - the current opened file's basename with no file extension
• ${fileDirname} - the current opened file's dirname
• ${fileExtname} - the current opened file's extension
• ${cwd} - the task runner's current working directory upon the startup of VS Code (currently not supported)
• ${lineNumber} - the current selected line number in the active file
• ${selectedText} - the current selected text in the active file
• ${execPath} - the path to the running VS Code executable
• ${defaultBuildTask} - the name of the default build task (currently not supported)
• ${pathSeparator} - the character used by the operating system to separate components in file paths
• ${resource} - the path of the target file
• ${resourceWorkspaceFolder} - the target file's workspace folder
• ${relativeResource} - the target file relative to it's workspaceFolder
• ${relativeResourceDirname} - the target file's dirname relative to it's workspaceFolder
• ${resourceBasename} - the target file's basename
• ${resourceBasenameNoExtension} - the target file's basename with no file extension
• ${resourceDirname} - the path of the target file's dirname
• ${resourceExtname} - the target file's extension

The example of predefined variables can be found here.

You can also reference environment variables through the ${env:Name} syntax (for example, ${env:USER}).

Be sure to match the environment variable name's casing, for example, ${env:Path} on Windows.

Please see the release notes in CHANGELOG.

Please see how to contribute in CONTRIBUTING.