一、下載
1、下載QT
注意事項(xiàng)：
- 最好不要選擇在線(xiàn)安裝包，我安裝了兩天?。?！快安裝完成了結(jié)果是一個(gè)什么簽名還是密碼提示不識(shí)別。
- 從Qt 5.15開(kāi)始，開(kāi)源離線(xiàn)安裝程序不再可用。官網(wǎng)原文如下：
??Due to The Qt Company offering changes, open source offline installers are not available any more since Qt 5.15. Read more about offering changes in the https://www.qt.io/blog/qt-offering-changes-2020 blog.
翻譯：
??由于Qt公司提供的更改，從Qt 5.15開(kāi)始，開(kāi)源離線(xiàn)安裝程序不再可用。在https://www.qt.io/blog/qt-offering-changes-2020博客中閱讀有關(guān)提供更改的更多信息。
點(diǎn)擊鏈接進(jìn)入下載點(diǎn)，詳細(xì)安裝步驟如下：
選擇qt
由于2中的原因，這里我選擇了離線(xiàn)安裝，沒(méi)有選擇在線(xiàn)安裝，所以選擇5.14版本
這里我選擇5.14.2
由于我是windows10，所以選擇windows的安裝包
安裝就不詳細(xì)介紹了，可以參考nanke_yh兄弟的博客，很簡(jiǎn)單，下一步就可以了，挑幾個(gè)重要的，安裝目錄不要放在系統(tǒng)盤(pán)，安裝大概20/30G左右。
組件沒(méi)必要全部安裝，看個(gè)人選擇，下面的部分足夠了，后面如果需要?jiǎng)e的，可以在安裝組件，參考CodingPioneer兄弟的操作即可。
其余都可以下一步，等待安裝完成即可。
2、下載VsCode
點(diǎn)擊鏈接進(jìn)入官網(wǎng)，如果是windows系統(tǒng)，默認(rèn)是就是windows，如下圖：
如果linux系統(tǒng)，那么就會(huì)是下圖，mac電腦沒(méi)用過(guò)，應(yīng)該默認(rèn)是mac系統(tǒng)對(duì)應(yīng)的版本
下載完成后，一路next，但是友情提示三點(diǎn)：
- 2.1 軟件安裝目錄選擇到非系統(tǒng)目錄，這是安裝過(guò)程中可以改的。
- 2.2 插件安裝目錄選擇到非系統(tǒng)目錄，建議后期手動(dòng)修改
- 2.3 緩存目錄選擇到非系統(tǒng)目錄，建議后期手動(dòng)修改
3、下載Cmake
點(diǎn)擊鏈接進(jìn)入官網(wǎng)，點(diǎn)擊右上角下載按鈕
按照描述選擇對(duì)應(yīng)的安裝方式
二、配置環(huán)境變量
1、打開(kāi)環(huán)境變量設(shè)置
在 Windows 操作系統(tǒng)中，按下 Win + R 鍵，然后輸入 “sysdm.cpl”，然后依次選擇高級(jí)->環(huán)境變量->系統(tǒng)變量->雙擊path變量
2、QT環(huán)境變量設(shè)置
選擇新建，前兩個(gè)路徑是安裝時(shí)選擇的版本套件的目錄和bin目錄(參考的別人的，可能是以防vscode找不到套件吧)；第三個(gè)是QT的GCC和G++的執(zhí)行文件的路徑；最后一個(gè)可以不添加，點(diǎn)擊確定保存設(shè)置。
之后啟動(dòng)cmd，輸入gcc -v，如果顯示版本，則代表設(shè)置成功，注意最上方顯示的gcc的路徑
3、Cmak環(huán)境變量設(shè)置
按照1中的方法，打開(kāi)環(huán)境變量，然后新建，將安裝cmake的路徑中的bin目錄添加進(jìn)去后，點(diǎn)擊確定。
配置完成在cmd中輸入cmake --version，顯示版本則代表安裝成功
三、Vscode配置
1、安裝插件
C/C++：使用 C/C 語(yǔ)言編寫(xiě)代碼，沒(méi)什么好說(shuō)的
Chinese：VsCode漢化，安裝完成，重啟VsCode即可
Cmake和Cmake Tool：作用可以參考博客園-可可西
QT Configure：具體描述可以查看該插件的"細(xì)節(jié)"部分
Qt tools：具體描述可以查看該插件的"細(xì)節(jié)"部分
2、配置
2.1 Cmake Tool配置
這里需要執(zhí)行Cmake的可執(zhí)行文件的路徑，一定要包含文件名
2.2 QT Configure配置：
??這里需要設(shè)置下圖三個(gè)地方，Mingw PAth設(shè)置了環(huán)境變量的話(huà)應(yīng)該是自動(dòng)有的，如果沒(méi)有，手動(dòng)添加一下；Qt Dir是QT的安裝目錄；Qt Kit Dir是套件的路徑，找到自己對(duì)應(yīng)的套件的路徑，復(fù)制到這里。
配置完成重啟VsCode，以防設(shè)置不生效。
四、使用
1、新建項(xiàng)目
1.1 新建項(xiàng)目空文件夾，這里是在share/qt/目錄下建了一個(gè)hello文件夾
1.2 使用右鍵，通過(guò)VsCode打開(kāi)，也可以通過(guò)VsCode左上角，文件->打開(kāi)文件夾，選中剛剛新建的文件夾，如下圖
1.3 按F1，輸入qt，選擇新建工程new project
1.4 輸入項(xiàng)目名稱(chēng)，我這里是hello，按回車(chē)
1.5 選擇套件，我這里選擇64位的，因?yàn)槲噎h(huán)境變量配置的也是64的，注意，這里一定要保證全部匹配
1.6 因?yàn)椴渴鸬氖荂make，所以這里選擇Cmake
1.7 選擇帶UI文件的，我這里需要UI框，看個(gè)人選擇
1.8 完成后就建立了一個(gè)QT項(xiàng)目，如下圖
2、編譯運(yùn)行
2.1 檢查編譯工具
如果最下方?jīng)]有選項(xiàng)卡，參考3問(wèn)題3
如果有上圖中工具及版本，那么接著下面的操作。如果沒(méi)有，那么參考3問(wèn)題中的1
2.2點(diǎn)擊build選項(xiàng)卡編譯 ，會(huì)構(gòu)建項(xiàng)目，最左側(cè)會(huì)有進(jìn)度，構(gòu)建完成未報(bào)錯(cuò)的話(huà)，會(huì)在左側(cè)build目錄生成hello.exe的可以行文件，如下圖：
2.3 編譯完成，接下來(lái)就是運(yùn)行，試試看效果，點(diǎn)擊最下方選項(xiàng)卡中的右三角箭頭launch選項(xiàng)卡運(yùn)行，如下圖：
2.4 出現(xiàn)此UI框代表配置成功，如果沒(méi)有此項(xiàng)，參考3問(wèn)題4
3、問(wèn)題
1、下方選項(xiàng)卡沒(méi)有kit的問(wèn)題
按F1，輸入cmake，選擇"掃描工具包"，如果掃描到了，再次按F1，輸入cmake，選擇"選擇工具包"，選擇設(shè)置環(huán)境變量路徑下的GCC和版本即可。如果下方的圖中沒(méi)有，但是環(huán)境變量又設(shè)置好了，那么參考3問(wèn)題中的2
2、選擇"選擇工具包"時(shí)沒(méi)有設(shè)置環(huán)境變量時(shí)的GCC工具的問(wèn)題
2.1 按F1，輸入cmake，選擇配置本地cmake工具包
2.2 復(fù)制原有的配置信息，進(jìn)行更改，將QT的GCC和G++路徑復(fù)制保存即可
再次點(diǎn)擊最下面選項(xiàng)卡的build編譯工具，就會(huì)出現(xiàn)正確的編譯工具了
3、創(chuàng)建完項(xiàng)目沒(méi)有下方選項(xiàng)卡，cmake沒(méi)有"選擇套件"選項(xiàng)的問(wèn)題
3.1 按F1輸入Cmake，選擇配置，這里會(huì)自動(dòng)配置該項(xiàng)目，如果你沒(méi)有其他的gcc工具，那么kit選項(xiàng)卡應(yīng)該是可以識(shí)別的。
3.2 由于我這里安裝了mingw的編譯包，看下圖輸出臺(tái)，如果有和我一樣的問(wèn)題，那么按下面的繼續(xù)操作，如果沒(méi)有可以跳過(guò)。
文章來(lái)源：http://www.zghlxwxcb.cn/news/detail-758977.html
4、運(yùn)行后發(fā)現(xiàn)，沒(méi)有彈窗，但是終端顯示執(zhí)行了且沒(méi)有報(bào)錯(cuò)，如下圖：
原因是由于可執(zhí)行程序根目錄下沒(méi)有QT相關(guān) dll 文件，找到對(duì)應(yīng)套件的windeployqt.exe文件，然后使用該文件去執(zhí)行構(gòu)建好的build目錄下的可執(zhí)行文件hello.exe，會(huì)自動(dòng)在build目錄下生成所需要的dll文件，如下圖：
這個(gè)時(shí)候，我們?cè)偃c(diǎn)擊運(yùn)行，就會(huì)發(fā)現(xiàn)彈出了我們所需要的窗口了，如下圖：
文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-758977.html
到了這里，關(guān)于VsCode+QT5.14.2安裝部署詳細(xì)教程的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
