http://kenji.blog/hi/tags/qt-extension-pack/Recent content in Qt Extension Pack on kenji.blogHugo -- gohugo.iohikenjinoteFri, 13 Sep 2024 00:53:53 +0900http://kenji.blog/hi/p/visual-studio-code-%E3%81%AB-qt-extension-pack-%E3%82%92%E5%85%A5%E3%82%8C%E3%81%A6%E3%81%BF%E3%81%9F/Fri, 13 Sep 2024 00:53:53 +0900http://kenji.blog/hi/p/visual-studio-code-%E3%81%AB-qt-extension-pack-%E3%82%92%E5%85%A5%E3%82%8C%E3%81%A6%E3%81%BF%E3%81%9F/<img src="http://kenji.blog/p/visual-studio-code-%E3%81%AB-qt-extension-pack-%E3%82%92%E5%85%A5%E3%82%8C%E3%81%A6%E3%81%BF%E3%81%9F/img_1.png" alt="Featured image of post मैंने Visual Studio Code में Qt Extension Pack इंस्टॉल करने का प्रयास किया" /><h1 id="vscode-म-qt-डवलपमट-शर-करन-qt-extension-pack-कस-इसटल-कर">VSCode में Qt डेवलपमेंट शुरू करना: Qt Extension Pack कैसे इंस्टॉल करें </h1><p>नमस्ते, मैं Kenji हूँ। इस बार मैं &ldquo;Visual Studio Code (इसके बाद VSCode) में Qt डेवलपमेंट वातावरण को कैसे सेट करें&rdquo; का परिचय दूंगा।</p> <p>हाल ही में, आधिकारिक Qt Creator के अलावा, हल्के और अत्यधिक एक्सटेंसिबल VSCode का उपयोग करके Qt ऐप्स विकसित करने के इच्छुक लोगों की संख्या बढ़ रही है। ऐसे लोगों के लिए, मैं <strong>&ldquo;Qt Extension Pack&rdquo;</strong> की सलाह देता हूँ। बस इस एक्सटेंशन पैक को इंस्टॉल करने से आपको Qt से संबंधित सभी प्रमुख एक्सटेंशन एक साथ मिल जाएंगे।</p> <hr> <h2 id="लकषत-दरशक">लक्षित दर्शक </h2><ul> <li>जो लोग Qt का उपयोग करके GUI ऐप डेवलपमेंट शुरू करना चाहते हैं</li> <li>जो लोग Qt Creator के बजाय VSCode में डेवलपमेंट करना चाहते हैं</li> <li>जिन लोगों को एक-एक करके एक्सटेंशन खोजना मुश्किल लगता है</li> </ul> <hr> <h2 id="परवपकषए">पूर्वापेक्षाएँ </h2><ul> <li>VSCode इंस्टॉल होना चाहिए (<a class="link" href="https://code.visualstudio.com/" target="_blank" rel="noopener" >आप इसे आधिकारिक वेबसाइट से मुफ्त में डाउनलोड कर सकते हैं</a>)</li> <li>Qt लाइब्रेरी स्वयं इंस्टॉल होनी चाहिए (<a class="link" href="https://www.qt.io/" target="_blank" rel="noopener" >Qt की आधिकारिक वेबसाइट</a>)</li> </ul> <hr> <h2 id="qt-extension-pack-कय-ह">Qt Extension Pack क्या है? </h2><p>Qt Extension Pack VSCode के लिए एक एक्सटेंशन पैक है। इसे इंस्टॉल करने से, निम्नलिखित सुविधाएँ स्वचालित रूप से जुड़ जाती हैं:</p> <ul> <li><code>.ui</code> फ़ाइलों के लिए समर्थन (Qt Designer)</li> <li><code>.pro</code> और <code>.qrc</code> फ़ाइलों के लिए सिंटैक्स हाइलाइटिंग</li> <li>Qt के लिए C++ कोड पूर्णता, बिल्ड और डिबग समर्थन</li> <li>Qt Resource Browser (संसाधन संदर्भ)</li> </ul> <hr> <h2 id="इसटलशन-क-चरण">इंस्टॉलेशन के चरण </h2><h3 id="1-vscode-खल">1. VSCode खोलें </h3><p>सबसे पहले, VSCode प्रारंभ करें।</p> <h3 id="2-एकसटशन-वय-खल">2. एक्सटेंशन व्यू खोलें </h3><p>&ldquo;एक्सटेंशन&rdquo; प्रदर्शित करने के लिए बाईं ओर एक्टिविटी बार (वर्गाकार ब्लॉक आइकन) पर क्लिक करें।</p> <p>या आप शॉर्टकट के रूप में <code>Ctrl + Shift + X</code> दबा सकते हैं।</p> <h3 id="3-qt-extension-pack-खज">3. &ldquo;Qt Extension Pack&rdquo; खोजें </h3><p>सर्च बार में निम्नलिखित कीवर्ड दर्ज करें:</p> <div class="highlight"><div class="chroma"> <table class="lntable"><tr><td class="lntd"> <pre tabindex="0" class="chroma"><code><span class="lnt">1 </span></code></pre></td> <td class="lntd"> <pre tabindex="0" class="chroma"><code class="language-fallback" data-lang="fallback"><span class="line"><span class="cl">Qt Extension Pack </span></span></code></pre></td></tr></table> </div> </div><p><img src="http://kenji.blog/p/visual-studio-code-%E3%81%AB-qt-extension-pack-%E3%82%92%E5%85%A5%E3%82%8C%E3%81%A6%E3%81%BF%E3%81%9F/img.png" width="867" height="228" srcset="http://kenji.blog/p/visual-studio-code-%E3%81%AB-qt-extension-pack-%E3%82%92%E5%85%A5%E3%82%8C%E3%81%A6%E3%81%BF%E3%81%9F/img_hua3a606fe260b4f1c55a0f37b6ed054ec_30325_480x0_resize_box_3.png 480w, http://kenji.blog/p/visual-studio-code-%E3%81%AB-qt-extension-pack-%E3%82%92%E5%85%A5%E3%82%8C%E3%81%A6%E3%81%BF%E3%81%9F/img_hua3a606fe260b4f1c55a0f37b6ed054ec_30325_1024x0_resize_box_3.png 1024w" loading="lazy" alt="img.png" class="gallery-image" data-flex-grow="380" data-flex-basis="912px" ></p> <h3 id="4-इसटल-बटन-पर-कलक-कर">4. इंस्टॉल बटन पर क्लिक करें </h3><p>जब लक्षित पैक प्रदर्शित हो जाए, तो &ldquo;इंस्टॉल&rdquo; बटन पर क्लिक करें। इससे निम्नलिखित जैसे कई एक्सटेंशन एक ही बार में इंस्टॉल हो जाएंगे:</p> <ul> <li>Qt Language Support</li> <li>QML Support</li> <li>Qt Designer Integration</li> <li>CMake Tools (CMake संगत Qt डेवलपमेंट के लिए आवश्यक)</li> </ul> <hr> <h2 id="परजकट-सटग-परक-cmake--qt-उदहरण">प्रोजेक्ट सेटिंग पूरक (CMake + Qt उदाहरण) </h2><p>यदि आप CMake-आधारित Qt का उपयोग करते हैं, तो निम्नलिखित एक्सटेंशन के साथ संयोजन की अनुशंसा की जाती है:</p> <ul> <li><a class="link" href="https://marketplace.visualstudio.com/items?itemName=ms-vscode.cmake-tools" target="_blank" rel="noopener" >CMake Tools</a></li> <li><a class="link" href="https://marketplace.visualstudio.com/items?itemName=twxs.cmake" target="_blank" rel="noopener" >CMake Language Support</a></li> </ul> <p>इसके अलावा, यदि आप CMakeLists.txt में निम्नलिखित विवरण शामिल करते हैं, तो Qt के साथ एकीकरण सुचारू होगा:</p> <div class="highlight"><div class="chroma"> <table class="lntable"><tr><td class="lntd"> <pre tabindex="0" class="chroma"><code><span class="lnt">1 </span><span class="lnt">2 </span></code></pre></td> <td class="lntd"> <pre tabindex="0" class="chroma"><code class="language-cmake" data-lang="cmake"><span class="line"><span class="cl"><span class="nb">find_package</span><span class="p">(</span><span class="s">Qt6</span> <span class="s">REQUIRED</span> <span class="s">COMPONENTS</span> <span class="s">Widgets</span><span class="p">)</span><span class="err"> </span></span></span><span class="line"><span class="cl"><span class="err"></span><span class="nb">target_link_libraries</span><span class="p">(</span><span class="s">MyApp</span> <span class="s">PRIVATE</span> <span class="s">Qt6::Widgets</span><span class="p">)</span><span class="err"> </span></span></span></code></pre></td></tr></table> </div> </div><hr> <h2 id="बनस-म-ui-फइल-कस-खल">बोनस: मैं .ui फ़ाइलें कैसे खोलूं? </h2><p><code>.ui</code> फ़ाइलों को Qt Designer में संपादित किया जा सकता है। VSCode में, आप <code>.ui</code> फ़ाइल पर राइट-क्लिक करने में सक्षम होंगे → <code>Open with Qt Designer</code> चुनें (पर्यावरण चर <code>PATH</code> में Qt Designer शामिल होना चाहिए)।</p> <hr> <h2 id="सरश">सारांश </h2><table> <thead> <tr> <th>चरण</th> <th>सामग्री</th> </tr> </thead> <tbody> <tr> <td>1</td> <td>VSCode प्रारंभ करें</td> </tr> <tr> <td>2</td> <td>एक्सटेंशन पैनल खोलें</td> </tr> <tr> <td>3</td> <td>&ldquo;Qt Extension Pack&rdquo; खोजें</td> </tr> <tr> <td>4</td> <td>इंस्टॉल बटन पर क्लिक करें</td> </tr> </tbody> </table> <p>VSCode में Qt वातावरण बनाना पहले की तुलना में बहुत आसान हो गया है। इसमें Qt Creator के विकल्प के रूप में पर्याप्त सुविधाएँ हैं और उन लोगों के लिए अनुशंसित है जो हल्के ढंग से काम करना चाहते हैं।</p> <hr> <h2 id="अनशसत-लक-सगरह">अनुशंसित लिंक संग्रह </h2><ul> <li><a class="link" href="https://www.qt.io/" target="_blank" rel="noopener" >Qt आधिकारिक</a></li> <li><a class="link" href="https://marketplace.visualstudio.com/items?itemName=TheQtCompany.qt" target="_blank" rel="noopener" >Qt Extension Pack - Visual Studio Marketplace</a></li> <li><a class="link" href="https://code.visualstudio.com/" target="_blank" rel="noopener" >VSCode आधिकारिक</a></li> <li><a class="link" href="https://marketplace.visualstudio.com/items?itemName=ms-vscode.cmake-tools" target="_blank" rel="noopener" >CMake Tools एक्सटेंशन</a></li> </ul> <hr> <h2 id="अत-म">अंत में </h2><p>भविष्य में, मैं इस वातावरण में Qt के UI टूल और QML का उपयोग करके विकास को आगे बढ़ाने की योजना बना रहा हूँ। अगली बार, मैं <strong>VSCode से Qt Hello World ऐप कैसे बनाएं और चलाएं</strong> के बारे में बताऊंगा।</p> <p>फिर मिलेंगे!</p>