国产 无码 综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

tauri+vite+vue3開發(fā)環(huán)境下創(chuàng)建、啟動運行和打包發(fā)布

這篇具有很好參考價值的文章主要介紹了tauri+vite+vue3開發(fā)環(huán)境下創(chuàng)建、啟動運行和打包發(fā)布。希望對大家有所幫助。如果存在錯誤或未考慮完全的地方,請大家不吝賜教,您也可以點擊"舉報違法"按鈕提交疑問。

目錄

?1.創(chuàng)建項目

?2.安裝依賴??

3.啟動項目?

4.打包生成windows安裝包?

?5.安裝打包生成的安裝包


?1.創(chuàng)建項目

?運行下面命令創(chuàng)建一個tauri項目

pnpm create tauri-app

tauri只用vscode可以運行嗎,js,桌面端,前端,vue.js

我創(chuàng)建該項目時的node版本為16.15.0?

兼容性注意

Vite 需要?Node.js?版本 14.18+,16+。然而,有些模板需要依賴更高的 Node 版本才能正常運行,當你的包管理器發(fā)出警告時,請注意升級你的 Node 版本。

tauri只用vscode可以運行嗎,js,桌面端,前端,vue.js

按需要輸入/選擇相關信息,一路回車 ,如下圖所示,項目就創(chuàng)建成功了。

tauri只用vscode可以運行嗎,js,桌面端,前端,vue.js

?2.安裝依賴??

進入tauri-app文件夾

 cd tauri-app

tauri只用vscode可以運行嗎,js,桌面端,前端,vue.js??

?運行code .用vscode打開剛創(chuàng)建的tauri-app項目

code .

?安裝依賴?

pnpm install

tauri只用vscode可以運行嗎,js,桌面端,前端,vue.js

3.啟動項目?

運行下面命令啟動項目

pnpm tauri dev

tauri只用vscode可以運行嗎,js,桌面端,前端,vue.js

?注意:

1.創(chuàng)建項目后,第一次啟動項目會非常緩慢,原因是第一次啟動項目需要從國外倉庫下載多個資源,由于網(wǎng)絡原因可能非常緩慢,甚至啟動超時報錯。這時需要多次運行啟動命令。

2.第一次啟動成功后,后面再次啟動項目時將非???。

項目啟動完成?

tauri只用vscode可以運行嗎,js,桌面端,前端,vue.js?tauri只用vscode可以運行嗎,js,桌面端,前端,vue.js

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",然后再運行打包命令。

tauri只用vscode可以運行嗎,js,桌面端,前端,vue.js把 src-tauri/tauri.conf.json文件里的配置項"identifier": "com.tauri.dev",改成"identifier": "com.tauri.build",然后再運行打包命令

?tauri只用vscode可以運行嗎,js,桌面端,前端,vue.js

tauri只用vscode可以運行嗎,js,桌面端,前端,vue.js?運行 pnpm tauri build命令會有一個下載依賴包的過程,國內(nèi)由于GitHub慢原因,導致以下文件下載不了,依舊報錯。

tauri只用vscode可以運行嗎,js,桌面端,前端,vue.js

此時的解決方案:

我們把“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運行打包命令。這個時候就可以打包成功了。?

tauri只用vscode可以運行嗎,js,桌面端,前端,vue.js

tauri只用vscode可以運行嗎,js,桌面端,前端,vue.js

?tauri只用vscode可以運行嗎,js,桌面端,前端,vue.js

tauri只用vscode可以運行嗎,js,桌面端,前端,vue.js

?創(chuàng)建依賴包路徑: C:\Users\用戶\AppData\Local\tauri\WixToolstauri只用vscode可以運行嗎,js,桌面端,前端,vue.js

?再次執(zhí)行打包命令

tauri只用vscode可以運行嗎,js,桌面端,前端,vue.js

?打包成功后,打開打包生成的目錄,就可以看到一個.msi后綴結(jié)尾的安裝文件tauri-app_0.0.0_x64_en-US.msiscr-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)建到打包的流程就完成了。

tauri只用vscode可以運行嗎,js,桌面端,前端,vue.js

tauri只用vscode可以運行嗎,js,桌面端,前端,vue.js?tauri只用vscode可以運行嗎,js,桌面端,前端,vue.js

?5.安裝打包生成的安裝包

tauri只用vscode可以運行嗎,js,桌面端,前端,vue.js

?tauri只用vscode可以運行嗎,js,桌面端,前端,vue.js

?tauri只用vscode可以運行嗎,js,桌面端,前端,vue.js

tauri只用vscode可以運行嗎,js,桌面端,前端,vue.js

?tauri只用vscode可以運行嗎,js,桌面端,前端,vue.js文章來源地址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)!

本文來自互聯(lián)網(wǎng)用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權(quán),不承擔相關法律責任。如若轉(zhuǎn)載,請注明出處: 如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實不符,請點擊違法舉報進行投訴反饋,一經(jīng)查實,立即刪除!

領支付寶紅包贊助服務器費用

相關文章

  • Vue3 - 解決 build / dev 打包運行時突然出現(xiàn)一堆 ts 相關的報錯,強制關閉整個項目的 ts 代碼語法校驗和驗證(webpack / vite 均可)

    無論您是 vite 還是 webpack,都可以 100% 去掉運行或打包時的 ts 語法驗證。 本文 實現(xiàn)了在 vue3 + ts 開發(fā)中,關閉運行、打包部署命令時出現(xiàn)的各種 ts 校驗報錯,去掉對 ts 的驗證, 有些朋友對 ts 不是很了解(所以在寫代碼時沒注意一些語法),導致最終 build 打包時出現(xiàn)了很多

    2024年02月11日
    瀏覽(140)
  • Windows Java JavaFX IntelliJ IDEA 開發(fā)環(huán)境搭建 創(chuàng)建工程 編譯運行 打包分發(fā) 自定義運行時

    Windows Java JavaFX IntelliJ IDEA 開發(fā)環(huán)境搭建 創(chuàng)建工程 編譯運行 打包分發(fā) 自定義運行時

    博文目錄 JavaFX 官網(wǎng) 官網(wǎng) Getting Started with JavaFX JavaFX 是一個開源的下一代客戶端應用程序平臺,適用于基于 Java 構(gòu)建的桌面、移動和嵌入式系統(tǒng)。它是許多個人和公司的協(xié)作成果,目標是為開發(fā)富客戶端應用程序生成一個現(xiàn)代、高效且功能齊全的工具包。 JavaFX 主要致力于富

    2024年02月05日
    瀏覽(27)
  • uniapp之通過vue-cli命令行創(chuàng)建Vue3/Vite版,JavaScript開發(fā),引入uni-ui擴展組件

    注意: Vue3/Vite版要求 node 版本^14.18.0 || =16.0.0 如果使用 HBuilderX(3.6.7以下版本)運行 Vue3/Vite 創(chuàng)建的最新的 cli 工程,需要在 HBuilderX 運行配置最底部設置 node路徑 為自己本機高版本 node 路徑(注意需要重啟 HBuilderX 才可以生效) HBuilderX Mac 版本菜單欄左上角 HBuilderX-偏好設置

    2024年02月12日
    瀏覽(91)
  • vue3 vite 打包 二級目錄刷新空白

    控制臺報錯:Failed to load module script: Expected a JavaScript module script but the server responded with a MIME type of \\\"text/html\\\". Strict MIME type checking is enforced for module scripts per HTML spec. 打包路徑問題,修改vite.config.ts文件的base

    2024年02月09日
    瀏覽(27)
  • vue3 + vite 多項目多模塊打包

    vue3 + vite 多項目多模塊打包

    vue3 + vite 多項目多模塊打包 本示例基于 vite-plugin-html 插件,實現(xiàn)多個獨立項目共存,共享組件和依賴,運行、打包互不干擾。 兼容性注意 Vite 需要 Node.js 14.18+、16+版本,有些模板需要更高的版本 雖然創(chuàng)建項目用的14.17.5版本,但是后面運行項目用的18.15.0 HTML模板插件 打包一

    2024年02月10日
    瀏覽(114)
  • vite vue3項目打包,跳過ts檢查

    vite vue3項目打包,跳過ts檢查

    遇到這個問題是因為vue文件中script標簽沒有寫lang造成的? 剩下的ts類型檢查錯誤 ?\\\"build\\\": \\\"vue-tsc --noEmit --skipLibCheck vite build\\\",是因為這個vue-tsc打包對ts進行了類型檢查,需要全部解決了才行,可以關閉,直接改成\\\"build\\\": \\\"vite build\\\",

    2024年02月16日
    瀏覽(97)
  • vite打包vue3項目白屏報錯

    vite打包vue3項目白屏報錯

    資源路勁問題 修改:vite.config.ts 原因是需要服務器進行靜態(tài)資源訪問,否則會因為跨域而報錯 : Access to script at \\\'file:///F:/Progremes/Vue3/yanxuan_vue3_m_h5/dist/assets/index-49de958d.js\\\' from origin \\\'null\\\' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, isolated

    2024年02月16日
    瀏覽(27)
  • vite vue3項目打包部署空白頁面問題的處理

    vite vue3項目打包部署空白頁面問題的處理

    ?問題:vite vue3項目打包部署上線后,發(fā)現(xiàn)是空白頁面問題的處理 解決方法:1.在我們vite.config.js文件中檢查是否有路徑的指向 ?????????????????? ?? ? ? ? ? ? ? ? ? 2.查看我們的路由模式,將路由模式修改為createWebHashHistory ????????????????? ????????

    2024年02月11日
    瀏覽(99)
  • vite創(chuàng)建vue3項目

    vite創(chuàng)建vue3項目

    這種方式創(chuàng)建的項目最快捷,因為基本依賴都裝好了 這種方式會基于模板創(chuàng)建項目,對于官方模板vue-ts,只帶有基礎的vue和ts,不帶有vue-router、pinia等 以上命令中,\\\"vue-ts\\\"是模板名稱 或者使用以下命令然后勾選模板來創(chuàng)建項目 這種方式創(chuàng)建的項目甚至連vite.config.ts都沒有,如

    2024年02月05日
    瀏覽(27)
  • Vite打包Vue3項目,利用寶塔部署到服務器

    Vite打包Vue3項目,利用寶塔部署到服務器

    按照如圖的配置,將vite.config.js的 base 改為? /dist/ 然后npm run build 就會得到左邊的這個dist文件夾,這就是打包好的文件 創(chuàng)建項目以及項目配置 我在服務器安裝的php是5.6版本的,其他版本可以自己試一下 解決刷新404問題 上傳成功之后,文件目錄結(jié)構(gòu)是這樣的 (順序不一定要

    2024年04月13日
    瀏覽(172)

覺得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請作者喝杯咖啡吧~博客贊助

支付寶掃一掃領取紅包,優(yōu)惠每天領

二維碼1

領取紅包

二維碼2

領紅包