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

vue3+taro+Nutui 開發(fā)小程序(一)

這篇具有很好參考價值的文章主要介紹了vue3+taro+Nutui 開發(fā)小程序(一)。希望對大家有所幫助。如果存在錯誤或未考慮完全的地方,請大家不吝賜教,您也可以點擊"舉報違法"按鈕提交疑問。

前言:最近在調(diào)研開發(fā)小程序,發(fā)現(xiàn)現(xiàn)在taro框架逐漸成熟,能完美地使用vue3來進行開發(fā),調(diào)研中發(fā)現(xiàn)京東的Nutui也不錯所以準備寫一個由0到1的vue3+taro+Nutui的小程序。

這篇我們首先搭建一個框架:

vscode插件準備環(huán)節(jié):

目前我用到的插件如下:

  • Eslint? ?用來vue格式化代碼的
  • Prettier 用來格式化js代碼
  • Volar? ?作為vue的二代插件,集成了vetur的相關(guān)功能
  • Unocss 用來原子化快速生成css

初始化項目

初始化項目之前,需安裝 taro,請參考?Taro 文檔,完成 taro 安裝

使用命令創(chuàng)建模板項目:

taro init myApp

vue3 小程序,taro,小程序

?安裝 cli 用來執(zhí)行構(gòu)建等操作,之后啟動項目,會生成一個 dist 目錄

npm install @tarojs/cli

npm dev:weapp

打開微信開發(fā)工具 工程目錄需要指向構(gòu)建出來的 dist 文件

這樣我們就可以看到初始化的小程序了文章來源地址http://www.zghlxwxcb.cn/news/detail-714169.html

到了這里,關(guān)于vue3+taro+Nutui 開發(fā)小程序(一)的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!

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

領(lǐng)支付寶紅包贊助服務(wù)器費用

相關(guān)文章

  • taro+vue3開發(fā)小程序

    一.創(chuàng)建項目 (1) npm install -g @tarojs/cli (2) npx @tarojs/cli init myApp ?二.按需引入 nutui 組件 1.使用?babel-plugin-import插件 ? (1)下載插件 npm install babel-plugin-import ? (2) babel.config.js配置 (3)app.js中引入

    2024年02月08日
    瀏覽(25)
  • Taro+Vue3 小程序引入echarts表

    Taro+Vue3 小程序引入echarts表

    背景:根據(jù)需求在一個報告界面需要展示不同的echarts表來使數(shù)據(jù)更友好的顯示。 效果如下: 一.taro支持echarts 官方說明:Taro 文檔支持引用小程序端第三方組件庫 物料文檔:Taro 物料市場 | 讓每一個輪子產(chǎn)生價值 二.引入echarts-for-weixin插件 github地址: https://github.com/ecomfe/echar

    2024年02月13日
    瀏覽(22)
  • Taro+Vue3開發(fā)微信小程序的分享好友功能

    Taro+Vue3開發(fā)微信小程序的分享好友功能

    1、背景:使用taro框架和vue3框架開發(fā)小程序,實現(xiàn)一個把pdf文件直接分享給微信好友。 一開始看taro文檔理解有偏差,導(dǎo)致分享出去的文件是個app的小程序連接。如下圖 ?實現(xiàn)代碼如下: 后續(xù)仔細查看taro文檔, Taro 文檔,發(fā)現(xiàn)這種寫法是個頁面組件,轉(zhuǎn)發(fā)出去的是個小程序,

    2024年02月12日
    瀏覽(26)
  • taro+vue3 搭建一套框架,適用于微信小程序和H5

    安裝 Taro??梢栽诮K端輸入以下命令進行安裝: 創(chuàng)建項目。使用以下命令創(chuàng)建 Taro+Vue3 項目: 其中,myApp 是項目名稱。 進入項目并啟動。使用以下命令進入項目并啟動: 注意,需要先進入對應(yīng)的目錄再啟動。 編寫代碼。在 src 目錄下編寫代碼,可以像使用 Vue 開發(fā) Web 應(yīng)用程

    2024年02月10日
    瀏覽(76)
  • taro.js和nutui實現(xiàn)商品選擇頁面

    1. 首先安裝 Taro.js 和 NutUI: ``` npm install -g @tarojs/cli npm install taro-ui ``` 2. 創(chuàng)建 Taro 項目并進入項目目錄: ``` taro init myapp cd myapp ``` 3. 選用 Taro 模板一并安裝依賴: ``` npm install ``` 4. 在頁面目錄中創(chuàng)建商品選擇頁: ``` taro create --name goods --type page ``` 5. 在 `goods.jsx`中導(dǎo)入并使用

    2024年02月11日
    瀏覽(27)
  • Taro + vue3 實現(xiàn)自定義返回欄

    Taro + vue3 實現(xiàn)自定義返回欄

    算是一個簡單的返回頁面? 主要是這里 Taro +vue3 的頁面結(jié)構(gòu)還有一個?

    2024年04月29日
    瀏覽(25)
  • Taro+vue3 實現(xiàn)滑動列表 時切換電影

    Taro+vue3 實現(xiàn)滑動列表 時切換電影

    以上代碼是滑動的組件?

    2024年01月16日
    瀏覽(24)
  • Taro+vue3 實現(xiàn)選座位 功能 以及座位顯示

    Taro+vue3 實現(xiàn)選座位 功能 以及座位顯示

    1.類似選座位那種功能 我的功能座位 不是html元素 而是 座位圖片 都是圖片 2.如果大家有需求 需要源代碼 可以先私信我 源代碼整理中 未來會發(fā)布開源

    2024年01月16日
    瀏覽(23)
  • taro vue3 ts nut-ui 項目

    taro vue3 ts nut-ui 項目

    查看 Taro 全部版本信息? 可以使用? npm info ?查看 Taro 版本信息,在這里你可以看到當前最新版本 使用命令創(chuàng)建模板項目: taro init 項目名 微信小程序自定義 TabBar 先安裝 cnpm install pinia 以便解決 小程序的 頁面首次加載 在?app.config.js 中設(shè)置 在? src 目錄 下 pages 文件夾,在里

    2024年02月06日
    瀏覽(43)
  • Vue3 Vite electron 開發(fā)桌面程序

    Vue3 Vite electron 開發(fā)桌面程序

    Electron是一個跨平臺的桌面應(yīng)用程序開發(fā)框架,它允許開發(fā)人員使用Web技術(shù)(如HTML、CSS和JavaScript)構(gòu)建桌面應(yīng)用程序,這些應(yīng)用程序可以在Windows、macOS和Linux等操作系統(tǒng)上運行。 Electron的核心是 Chromium 瀏覽器內(nèi)核和 Node.js 運行時環(huán)境。 Chromium 內(nèi)核提供了現(xiàn)代瀏覽器的功能,

    2024年02月16日
    瀏覽(17)

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

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

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

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

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包