Tools and Development Environment on kenji.blog

Trying Out the Qt Extension Pack in Visual Studio Code

Fri, 13 Sep 2024 00:53:53 +0900

Getting Started with Qt Development in VSCode: How to Install the Qt Extension Pack

Hello, Kenji here. This time, I’ll introduce “how to set up a Qt development environment in Visual Studio Code (hereafter VSCode)”.

Recently, there has been an increasing demand for developing Qt applications using the lightweight and highly extensible VSCode, in addition to the official Qt Creator. For those people, I recommend the “Qt Extension Pack”. Simply by installing this extension pack, you can get the main Qt-related extensions all at once.

Target Audience

Those who want to start GUI application development using Qt
Those who want to develop in VSCode instead of Qt Creator
Those who find it troublesome to search for extensions one by one

Prerequisites

VSCode must be installed (You can download it for free from the official website)
The main Qt library must be installed (Qt Official Website)

What is the Qt Extension Pack?

The Qt Extension Pack is an extension pack for VSCode. By installing it, the following features are automatically added:

Support for .ui files (Qt Designer)
Syntax highlighting for .pro and .qrc files
C++ code completion, building, and debugging assistance for Qt
Qt Resource Browser

Installation Steps

1. Open VSCode

First, launch VSCode.

2. Open the Extensions View

Click the Activity Bar (square block icon) on the left side to show “Extensions”.

Alternatively, you can press the shortcut Ctrl + Shift + X.

3. Search for “Qt Extension Pack”

Enter the following keyword in the search bar:

1

Qt Extension Pack

4. Click the Install Button

When the target pack is displayed, click the “Install” button. This will install multiple extensions at once, such as the following:

Qt Language Support
QML Support
Qt Designer Integration
CMake Tools (Essential for CMake-based Qt development)

Supplementary Project Settings (CMake + Qt Example)

If you use Qt with CMake, the combination with the following extensions is recommended:

Also, if you put the following description in your CMakeLists.txt, integration with Qt will be smooth:

1
2


find_package(Qt6 REQUIRED COMPONENTS Widgets)
target_link_libraries(MyApp PRIVATE Qt6::Widgets)

Bonus: How to open .ui files?

.ui files can be edited in Qt Designer. In VSCode, you can right-click a .ui file → select Open with Qt Designer (requires Qt Designer to be included in the PATH environment variable).

Summary

Step	Content
1	Launch VSCode
2	Open the Extensions Panel
3	Search for “Qt Extension Pack”
4	Click the Install button

Setting up a Qt environment in VSCode is now much easier than before. It has sufficient features as a substitute for Qt Creator, and is recommended for those who want to work nimbly.

Finally

From now on, I plan to proceed with development utilizing Qt UI tools and QML in this environment. Next time, I plan to explain how to build & run a Qt Hello World app from VSCode.

See you next time!

Awarded Microsoft MVP (2024-2025) Again

Tue, 03 Sep 2024 21:25:20 +0900

Awarded Microsoft MVP (2024-2025) Again

Hello, this is kenji. I’m pleased to announce that I have been awarded the Microsoft MVP (Most Valuable Professional) again this year. This is my 8th time receiving the award.

Since I have the opportunity, I’d like to write a little bit about what the MVP is.

What is Microsoft MVP?

Even though it says MVP, it is not about the most valuable player in sports (I get asked this occasionally…). Microsoft MVP (Most Valuable Professional) is an award given to individuals who actively share and disseminate their knowledge and experience regarding Microsoft technologies to the community.

Writing technical blogs, answering questions on Q&A sites, publishing sample codes, or speaking at events. “Sharing what you know in a way that helps someone else” – such steady activities are evaluated.

There are awardees all over the world, but the number is limited every year, and it is not easy to be re-awarded. Under such circumstances, I am truly grateful to have been recognized again.

Reasons for the Award

This time, I was re-awarded in the “Developer Technologies” category. Over the past year, I have been doing activities like this:

Writing blog posts about Microsoft-related technologies
Posting answers on technical Q&A sites
Publishing sample codes on GitHub
Speaking at study groups and technical events, etc.

None of these are extraordinary, but I have been conscious of disseminating information by turning “things I tried that worked” or “things I stumbled on but managed to solve” into a form that is even slightly useful.

I am genuinely happy that it has taken shape in this way.

Looking Ahead

The world of technology moves incredibly fast, and just keeping up with it is tough. But precisely because of that, I feel there is meaning in sharing “raw information” like what it was actually like to use it and what was hard to understand.

I hope to continue doing this at my own pace without straining myself. I would be happy if I could deliver information that makes someone think, “Oh, that helped,” in some form or another.

I look forward to your continued support.

How to fix GitHub Copilot becoming unusable due to a certificate error

Sun, 21 Apr 2024 18:47:26 +0900

How to fix the following error in GitHub Copilot

GitHub Copilot stopped working around April 19, 2024. The error message is as follows:

[ERROR] [ghostText] [2024-04-21T04:06:46.900Z] Error on ghost text request: (FetchError) unable to verify the first certificate [ERROR] [certificates] [2024-04-21T04:06:46.901Z] Your current Copilot license doesn't support proxy connections with custom certificates. Please visit https://gh.io/copilot-network-errors to learn more. Original cause: {"type":"system","_name":"FetchError","code":"UNABLE_TO_VERIFY_LEAF_SIGNATURE"}

Solution

This seems to be a bug in ESET. Turn off “Enable SSL/TLS” in ESET’s Advanced setup.

References

The same error seems to occur with AWS CDK as well.

AWS CDK bootstrap certificate warning-error

How to install CLI text editor nano on Windows

Sun, 31 Mar 2024 18:09:32 +0900

Download nano.exe

https://sourceforge.net/projects/nano-for-windows/

Open the link above, click Download, and download GNU-Nano_Win32(static).zip. Extract the zip file and place nano.exe in an arbitrary folder.

Note: Japanese input is not supported. (As of 2024/03/31)

Set Environment Variables

In order to use nano.exe from the command prompt, you need to set the environment variables.

Press Win key + R key, type sysdm.cpl, and press Enter key.
In System Properties, click on the Advanced tab.
Click on Environment Variables.
Select Path under System variables and click Edit.
Click New and add the path to nano.exe.
Click OK to close all dialogs.
Restart the command prompt, type nano, and check if it can be executed.

How to use nano

When you type nano and execute it, a screen like the following will be displayed.

Shortcut descriptions are displayed at the bottom of the screen.

The meanings of the symbols are as follows:

^ represents the Ctrl key.
M- represents the Alt key.

To save and close, press Ctrl + S and then Ctrl + X.

Reference

GNU nano

Tools and Development Environment on kenji.blog

Trying Out the Qt Extension Pack in Visual Studio Code

Getting Started with Qt Development in VSCode: How to Install the Qt Extension Pack

Target Audience

Prerequisites

What is the Qt Extension Pack?

Installation Steps

1. Open VSCode

2. Open the Extensions View

3. Search for “Qt Extension Pack”

4. Click the Install Button

Supplementary Project Settings (CMake + Qt Example)

Bonus: How to open .ui files?

Summary

Recommended Links

Finally

Awarded Microsoft MVP (2024-2025) Again

Awarded Microsoft MVP (2024-2025) Again

What is Microsoft MVP?

Reasons for the Award

Looking Ahead

How to fix GitHub Copilot becoming unusable due to a certificate error

How to fix the following error in GitHub Copilot

Solution

References

How to install CLI text editor nano on Windows

Download nano.exe

Set Environment Variables

How to use nano

Reference