相關(guān)文章

• 

  (小程序)基于uniapp+vite4+vue3搭建跨端項(xiàng)目|uni-app+uview-plus模板

  版本信息： 點(diǎn)擊編輯器的文件 新建 項(xiàng)目（快捷鍵Ctrl+N） 2.選擇uni-app項(xiàng)目，輸入項(xiàng)目名/路徑，選擇項(xiàng)目模板，勾選vue3版本，點(diǎn)擊創(chuàng)建，即可成功創(chuàng)建。 3.點(diǎn)擊編輯器的運(yùn)行 運(yùn)行到瀏覽器 選擇瀏覽器 當(dāng)然也可以運(yùn)行到手機(jī)或模擬器、運(yùn)行到小程序工具。 到這里一個(gè)簡單的

  2024年02月16日

  瀏覽(98)
• 

  uni-app vue3+ts+vite開發(fā)小程序采坑說明

  uniapp v3 搭建項(xiàng)目使用官方推薦命令 或者是使用 uniapp官方gitee 模板庫 在項(xiàng)目啟動前UI調(diào)用，建議使用 擴(kuò)展組件（uni-ui）里面有很多組件，不能滿足需求自己可以手動修改 uni_modules 為在插件市場下載出來的插件目錄（uni-app官方維護(hù)的組件庫,能夠兼容vue3） 自動引用components文件

  2024年02月09日

  瀏覽(21)
• 

  uni-app微信小程序分享微信好友與分享到朋友圈功能【vue3+ts+uni-app+vite】

  微信小程序開發(fā)結(jié)束之后，點(diǎn)擊右上角三個(gè)點(diǎn)顯示： 1、創(chuàng)建share.ts文件 2、全局使用, 在 main.ts 里面 添加全局的 mixin 這樣配置結(jié)束之后整個(gè)小程序所有頁面點(diǎn)擊右上角轉(zhuǎn)發(fā)分享都走的這個(gè)文件，如果需要單個(gè)頁面可以轉(zhuǎn)發(fā)，可以看第三點(diǎn) 3、在需要的頁面進(jìn)行調(diào)用就行啦 a.

  2024年02月14日

  瀏覽(160)
• 

  使用VS Code創(chuàng)建編寫uniapp項(xiàng)目(vue3+ts 微信小程序)

  uni-create-view ：用于快速創(chuàng)建 uni-app 頁面 uni-helper uni-app ：代碼提示 uniapp 小程序擴(kuò)展 ：鼠標(biāo)懸停查文檔 1.在types屬性中添加屬性名?@types/wechat-miniprogram 和 ?@uni-helper/uni-app-types. 2.添加vueCompilerOptions選項(xiàng) ①在VS Code中找到設(shè)置 ②在設(shè)置中搜索文件關(guān)聯(lián) ③添加這兩個(gè)文件名，值為

  2024年04月27日

  瀏覽(103)

• uniapp+vue3+vite+ts搭建項(xiàng)目引入uni-ui和uviewPlus組件庫

  一、創(chuàng)建項(xiàng)目架構(gòu) 首先使用官方提供的腳手架創(chuàng)建一個(gè)項(xiàng)目 在這里插入代碼片 ，這里我創(chuàng)建的 vue3 + vite + ts 的項(xiàng)目： （如命令行創(chuàng)建失敗，請直接訪問 gitee下載模板） 二、下載依賴 啟動 三、下載安裝包 引入uni-ui src/package.json 文件配置easycom模式 引入uview-plus main.ts配置 u

  2024年02月13日

  瀏覽(16)

• 手寫類似于BetterScroll樣式的左右聯(lián)動菜單 uni-app+vue3+ts （使用了script setup語法糖）

  ?注意：在模擬器用鼠標(biāo)滾動是不會切換光標(biāo)的，因?yàn)槭褂玫氖怯|摸滑動。【自定義類型貼在最后了】 script 部分如下： ?template部分如下： scss樣式： ?category.d.ts main-arr.d.ts ?

  2024年02月05日

  瀏覽(23)
• 

  基于uniapp+vite4+vue3搭建跨端項(xiàng)目|uni-app+uview-plus模板

  最近得空學(xué)習(xí)了下uniapp結(jié)合vue3搭建跨端項(xiàng)目。之前也有使用uniapp開發(fā)過幾款聊天/仿抖音/后臺管理等項(xiàng)目，但都是基于vue2開發(fā)。隨著vite.js破局出圈，越來越多的項(xiàng)目偏向于vue3開發(fā)，就想著uniapp搭配vite4.x構(gòu)建項(xiàng)目效果會如何？經(jīng)過一番嘗試果然真香~ uniapp官網(wǎng)提供了? HBuild

  2024年02月09日

  瀏覽(95)
• 

  vue3+ts+vite 搭建uniapp項(xiàng)目（微信小程序）

  模板下載： uniapp 官網(wǎng)通過vue-cli 命令行創(chuàng)建uniapp，參考uni-app官網(wǎng)，使用? npx degit dcloudio/uni-preset-vue#vite-ts my-vue3-project 下載模板； 安裝css預(yù)處理 sass: 項(xiàng)目終端輸入： yarn add node-sass@^4.0.0 sass-loader@^10.0.1 sass （模板沒有默認(rèn)安裝sass, 如果不安裝直接使用會報(bào)錯(cuò)） ?安裝uni-ui組件

  2024年02月09日

  瀏覽(51)
• 

  uniapp+vue3+ts+vite+echarts開發(fā)圖表類小程序，將echarts導(dǎo)入項(xiàng)目使用的詳細(xì)步驟，耗時(shí)一天終于弄好了

  想在uniapp和vue3環(huán)境中使用echarts是一件相當(dāng)前衛(wèi)的事情，官方適配的還不是很好，echarts的使用插件寫的是有些不太清晰的，這里我花費(fèi)了一天的時(shí)間，終于將這個(gè)使用步驟搞清楚了，并且建了一個(gè)倉庫，大家可以直接clone下來使用。先看一下pc端和小程序端的效果： 微信小程

  2024年02月05日

  瀏覽(227)
• 

  Vue3+TS版本Uniapp：封裝uni.request請求配置

  作者： 前端小王hs 阿里云社區(qū)博客專家/清華大學(xué)出版社簽約作者?/CSDN百萬訪問博主/B站千粉前端up主 uniapp 的封裝邏輯不同于 Vue3 項(xiàng)目中直接使用 axios.create() 方法創(chuàng)建實(shí)例（在 create 方法中寫入請求的地址、請求頭、超時(shí)等內(nèi)容），代碼如下： PS：上述代碼來自博主在B站的

  2024年04月22日

  瀏覽(24)