目錄
?1.創(chuàng)建項目
?2.安裝依賴??
3.啟動項目?
4.打包生成windows安裝包?
?5.安裝打包生成的安裝包
?1.創(chuàng)建項目
?運行下面命令創(chuàng)建一個tauri項目
pnpm create tauri-app
我創(chuàng)建該項目時的node版本為16.15.0?
兼容性注意
Vite 需要?Node.js?版本 14.18+,16+。然而,有些模板需要依賴更高的 Node 版本才能正常運行,當你的包管理器發(fā)出警告時,請注意升級你的 Node 版本。
按需要輸入/選擇相關信息,一路回車 ,如下圖所示,項目就創(chuàng)建成功了。
?2.安裝依賴??
進入tauri-app文件夾
cd tauri-app
??
?運行code .用vscode打開剛創(chuàng)建的tauri-app項目
code .
?安裝依賴?
pnpm install
3.啟動項目?
運行下面命令啟動項目
pnpm tauri dev
?注意:
1.創(chuàng)建項目后,第一次啟動項目會非常緩慢,原因是第一次啟動項目需要從國外倉庫下載多個資源,由于網(wǎng)絡原因可能非常緩慢,甚至啟動超時報錯。這時需要多次運行啟動命令。
2.第一次啟動成功后,后面再次啟動項目時將非???。
項目啟動完成?
?
4.打包生成windows安裝包?
運行項目命令打包windows安裝包?
pnpm tauri build
注意:新創(chuàng)建的項目,第一次打包會報?“
? ? ? ?Error You must change the bundle identifier in `tauri.conf.json > tauri > bundle > identifier`. The default value `com.tauri.dev` is not allowed as it must be unique across applications.
?ELIFECYCLE??Command failed with exit code 1.”錯誤。報這個錯誤的原因是:第一次打包需要修改src-tauri/tauri.conf.json文件里的配置項"identifier": "com.tauri.dev",改成"identifier": "com.tauri.build",然后再運行打包命令。
把 src-tauri/tauri.conf.json文件里的配置項"identifier": "com.tauri.dev",改成"identifier": "com.tauri.build",然后再運行打包命令
?
?運行 pnpm tauri build命令會有一個下載依賴包的過程,國內(nèi)由于GitHub慢原因,導致以下文件下載不了,依舊報錯。
此時的解決方案:
我們把“https://github.com/wixtoolset/wix3/releases/download/wix3112rtm/wix311-binaries.zip“這個鏈接的壓縮包下載到本地。然后在C:\Users\你的用戶名\AppData\Local下找到tauri文件夾,如果沒有則創(chuàng)建一個名為tauri的文件夾,在文件夾內(nèi)再創(chuàng)建一個WixTools目錄,將下載的壓縮包解壓到這個文件夾里面(創(chuàng)建依賴包路徑: C:\Users\用戶\AppData\Local\tauri\WixTools)。然后再回到VSCode運行打包命令。這個時候就可以打包成功了。?
?
?創(chuàng)建依賴包路徑: C:\Users\用戶\AppData\Local\tauri\WixTools
?再次執(zhí)行打包命令
?打包成功后,打開打包生成的目錄,就可以看到一個.msi后綴結(jié)尾的安裝文件tauri-app_0.0.0_x64_en-US.msi
(scr-tauri/target/release/bundle/msi/tauri-app_0.0.0_x64_en-US.msi
),雙擊就可以安裝了。還有一個可執(zhí)行包tauri-app.exe(scr-tauri/target/release/tauri-app.exe)
。至此,整個創(chuàng)建到打包的流程就完成了。
?
?5.安裝打包生成的安裝包
?
?
文章來源:http://www.zghlxwxcb.cn/news/detail-806268.html
?文章來源地址http://www.zghlxwxcb.cn/news/detail-806268.html
到了這里,關于tauri+vite+vue3開發(fā)環(huán)境下創(chuàng)建、啟動運行和打包發(fā)布的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關文章,希望大家以后多多支持TOY模板網(wǎng)!