Python VSCode setting - Qml extension 설치

문제

editor가 qml을 인식하지 못한다. 그래서 찾아봤다.

 

일단 예제 추가

공식 문서 https://doc.qt.io/qtforpython-6/tutorials/basictutorial/qml.html

Your First QtQuick/QML Application - Qt for Python

view.qml 

import QtQuick

Rectangle {
    id: main
    width: 200
    height: 200
    color: "green"

    Text {
        text: "Hello World"
        anchors.centerIn: main
    }
}

 

main.py

import sys
from PySide6.QtWidgets import QApplication
from PySide6.QtQuick import QQuickView

if __name__ == "__main__":
    app = QApplication()
    view = QQuickView()

    view.setSource("view.qml")
    view.show()
    sys.exit(app.exec())

 

실행

 

extension 설치

qt for python

 

설치하면 바로 인식가능하다. 하지만 설정을 하나 해줘야 자동으로 vscode에서 저장 시 코드를 정렬해 준다.

설정을 누른다.

 

settings.json에 설정 추가

"[qml]": {
    "editor.defaultFormatter": "seanwu.vscode-qt-for-python"
  }

 참고 - 2023.11.26 - [Programming/Python] - Python VSCode Setting - 기본

Python VSCode Setting - 기본

 

테스트

저장 전

저장 후

잘 된다.