Visual Studio Code on kenji.blog

मैंने Visual Studio Code में Qt Extension Pack इंस्टॉल करने का प्रयास किया

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

VSCode में Qt डेवलपमेंट शुरू करना: Qt Extension Pack कैसे इंस्टॉल करें

नमस्ते, मैं Kenji हूँ। इस बार मैं “Visual Studio Code (इसके बाद VSCode) में Qt डेवलपमेंट वातावरण को कैसे सेट करें” का परिचय दूंगा।

हाल ही में, आधिकारिक Qt Creator के अलावा, हल्के और अत्यधिक एक्सटेंसिबल VSCode का उपयोग करके Qt ऐप्स विकसित करने के इच्छुक लोगों की संख्या बढ़ रही है। ऐसे लोगों के लिए, मैं “Qt Extension Pack” की सलाह देता हूँ। बस इस एक्सटेंशन पैक को इंस्टॉल करने से आपको Qt से संबंधित सभी प्रमुख एक्सटेंशन एक साथ मिल जाएंगे।

लक्षित दर्शक

जो लोग Qt का उपयोग करके GUI ऐप डेवलपमेंट शुरू करना चाहते हैं
जो लोग Qt Creator के बजाय VSCode में डेवलपमेंट करना चाहते हैं
जिन लोगों को एक-एक करके एक्सटेंशन खोजना मुश्किल लगता है

पूर्वापेक्षाएँ

VSCode इंस्टॉल होना चाहिए (आप इसे आधिकारिक वेबसाइट से मुफ्त में डाउनलोड कर सकते हैं)
Qt लाइब्रेरी स्वयं इंस्टॉल होनी चाहिए (Qt की आधिकारिक वेबसाइट)

Qt Extension Pack क्या है?

Qt Extension Pack VSCode के लिए एक एक्सटेंशन पैक है। इसे इंस्टॉल करने से, निम्नलिखित सुविधाएँ स्वचालित रूप से जुड़ जाती हैं:

.ui फ़ाइलों के लिए समर्थन (Qt Designer)
.pro और .qrc फ़ाइलों के लिए सिंटैक्स हाइलाइटिंग
Qt के लिए C++ कोड पूर्णता, बिल्ड और डिबग समर्थन
Qt Resource Browser (संसाधन संदर्भ)

इंस्टॉलेशन के चरण

1. VSCode खोलें

सबसे पहले, VSCode प्रारंभ करें।

2. एक्सटेंशन व्यू खोलें

“एक्सटेंशन” प्रदर्शित करने के लिए बाईं ओर एक्टिविटी बार (वर्गाकार ब्लॉक आइकन) पर क्लिक करें।

या आप शॉर्टकट के रूप में Ctrl + Shift + X दबा सकते हैं।

3. “Qt Extension Pack” खोजें

सर्च बार में निम्नलिखित कीवर्ड दर्ज करें:

1

Qt Extension Pack

4. इंस्टॉल बटन पर क्लिक करें

जब लक्षित पैक प्रदर्शित हो जाए, तो “इंस्टॉल” बटन पर क्लिक करें। इससे निम्नलिखित जैसे कई एक्सटेंशन एक ही बार में इंस्टॉल हो जाएंगे:

Qt Language Support
QML Support
Qt Designer Integration
CMake Tools (CMake संगत Qt डेवलपमेंट के लिए आवश्यक)

प्रोजेक्ट सेटिंग पूरक (CMake + Qt उदाहरण)

यदि आप CMake-आधारित Qt का उपयोग करते हैं, तो निम्नलिखित एक्सटेंशन के साथ संयोजन की अनुशंसा की जाती है:

इसके अलावा, यदि आप CMakeLists.txt में निम्नलिखित विवरण शामिल करते हैं, तो Qt के साथ एकीकरण सुचारू होगा:

1
2


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

बोनस: मैं .ui फ़ाइलें कैसे खोलूं?

.ui फ़ाइलों को Qt Designer में संपादित किया जा सकता है। VSCode में, आप .ui फ़ाइल पर राइट-क्लिक करने में सक्षम होंगे → Open with Qt Designer चुनें (पर्यावरण चर PATH में Qt Designer शामिल होना चाहिए)।

सारांश

चरण	सामग्री
1	VSCode प्रारंभ करें
2	एक्सटेंशन पैनल खोलें
3	“Qt Extension Pack” खोजें
4	इंस्टॉल बटन पर क्लिक करें

VSCode में Qt वातावरण बनाना पहले की तुलना में बहुत आसान हो गया है। इसमें Qt Creator के विकल्प के रूप में पर्याप्त सुविधाएँ हैं और उन लोगों के लिए अनुशंसित है जो हल्के ढंग से काम करना चाहते हैं।

अनुशंसित लिंक संग्रह

अंत में

भविष्य में, मैं इस वातावरण में Qt के UI टूल और QML का उपयोग करके विकास को आगे बढ़ाने की योजना बना रहा हूँ। अगली बार, मैं VSCode से Qt Hello World ऐप कैसे बनाएं और चलाएं के बारे में बताऊंगा।

फिर मिलेंगे!

Visual Studio Code अनुशंसित एक्सटेंशन्स

Wed, 29 May 2024 17:20:19 +0900

Visual Studio Code अनुशंसित एक्सटेंशन्स की सूची

श्रेणी	नाम	प्रदाता	विवरण
वर्चुअल और कंटेनर प्रबंधन	Remote Devlopment	Microsoft	SSH कनेक्शन के माध्यम से वर्चुअल कंटेनर/WSL से जुड़कर रिमोट विकास का समर्थन करता है
वर्चुअल और कंटेनर प्रबंधन	Docker	Microsoft	Docker कंटेनरों के प्रबंधन का समर्थन करता है
कोड प्रबंधन	GitHub Pull Requests	GitHub	VSCode पर GitHub के पुल रिक्वेस्ट का प्रबंधन करता है
कोड प्रबंधन	GitHub Copilot	GitHub	AI द्वारा कोड पूरा करने का समर्थन करता है
कोड प्रबंधन	Git Graph	mhutchie	Git की ब्रांच और कमिट्स को ग्राफिकल तरीके से प्रदर्शित करता है
कोड प्रबंधन	Git History	Don Jayamanne	Git का इतिहास प्रदर्शित करता है
ब्राउज़र और वेब विकास	Debugger for Firefox	Firefox DevTools	VSCode पर Firefox के डीबगर का उपयोग करता है
ब्राउज़र और वेब विकास	Microsoft Edge Tool For VScode	Microsoft	VSCode पर Edge के डेवलपर टूल का उपयोग करता है
ब्राउज़र और वेब विकास	Vue Language Features(Volar)	Vue	Vue की भाषा सुविधाओं का समर्थन करता है
ब्राउज़र और वेब विकास	JavaScript (ES6) code snippets	charalampos karypidis	JavaScript के स्निपेट प्रदान करता है
ब्राउज़र और वेब विकास	Tailwind CSS IntelliSense	Tailwind Labs	Tailwind CSS के स्निपेट प्रदान करता है
क्लाउड विकास	AWS Toolkit	Amazon Web Services	AWS विकास का समर्थन करता है
क्लाउड विकास	Azure Tools	Microsoft	Azure विकास का समर्थन करता है
क्लाउड विकास	Google Cloud Tools	Google Cloud	Google Cloud विकास का समर्थन करता है
डेटाबेस	MySQL	Jun Han	MySQL विकास का समर्थन करता है
डेटाबेस	SQL Server(mssql)	Microsoft	SQL Server विकास का समर्थन करता है
डेटाबेस	PostgreSQL	Chris Kolkman	PostgreSQL विकास का समर्थन करता है
एंबेडेड सिस्टम	PlatformIO	PlatformIO	PlatformIO विकास का समर्थन करता है
एंबेडेड सिस्टम	Arduino	Microsoft	Arduino विकास का समर्थन करता है
एंबेडेड सिस्टम	WorkBench	Particle	Particle द्वारा प्रदान किए गए विकास वातावरण, फर्मवेयर, लाइब्रेरी, और क्लाउड एकीकरण से लेकर IoT के लिए विकास का समर्थन करता है
C/C++	C/C++ Extension Pack	Microsoft	C/C++ विकास का समर्थन करता है
C/C++	C/C++ Runner	franneck94	C/C++ का कोड निष्पादित करता है (gcc, msvc, और cuda nvcc कंपाइलर के लिए समर्थन)
C/C++	Cortex-Debug	marus25	Cortex-A/R/M माइक्रोकंट्रोलर्स की डीबगिंग का समर्थन करता है
Python	Python Extension Pack	Microsoft	Python विकास का समर्थन करता है
Python	jupyter	Microsoft	Jupyter Notebook विकास का समर्थन करता है
उपयोगिता और UI एक्सटेंशन	Makrdown All in One	Yu Zhang	Markdown लेखन का समर्थन करता है
उपयोगिता और UI एक्सटेंशन	Hex Editor	Microsoft	बाइनरी फ़ाइलों को संपादित करता है
उपयोगिता और UI एक्सटेंशन	vscode-pdf	tomoki1207	PDF फ़ाइलें प्रदर्शित करता है
उपयोगिता और UI एक्सटेंशन	Rainbow CSV	mechatroner	CSV फ़ाइलों को रंगीन रूप में प्रदर्शित करता है
उपयोगिता और UI एक्सटेंशन	Draw.io Integration	Henning Dieterichs	VSCode पर Draw.io का उपयोग करता है
उपयोगिता और UI एक्सटेंशन	Japanese Language Pack for Visual Studio Code	Microsoft	जापानी भाषा पैक
उपयोगिता और UI एक्सटेंशन	Live Share	Microsoft	रीयल-टाइम सहयोगात्मक कार्य का समर्थन करता है