vue3+taro+Nutui 开发小程序(一)

前言:最近在调研开发小程序,发现现在taro框架逐渐成熟,能完美地使用vue3来进行开发,调研中发现京东的Nutui也不错所以准备写一个由0到1的vue3+taro+Nutui的小程序。

这篇我们首先搭建一个框架:

vscode插件准备环节:

目前我用到的插件如下:

  • Eslint 用来vue格式化代码的
  • Prettier 用来格式化js代码
  • Volar 作为vue的二代插件,集成了vetur的相关功能
  • Unocss 用来原子化快速生成css

初始化项目

初始化项目之前,需安装 taro,请参考 Taro 文档,完成 taro 安装

使用命令创建模板项目:

taro init myApp

安装 cli 用来执行构建等操作,之后启动项目,会生成一个 dist 目录

npm install @tarojs/cli

npm dev:weapp
打开微信开发工具 工程目录需要指向构建出来的 dist 文件

这样我们就可以看到初始化的小程序了

相关推荐
小柔说科技1 小时前
预制菜餐厅“信任崩塌”?上门私厨的透明化蓝海正待技术开垦!
小程序·软件开发·上门做饭小程序·厨师到家
莫魂魂7 小时前
005微信小程序npm包_全局数据共享和分包
微信小程序·小程序·npm
莫魂魂19 小时前
003微信小程序视图与逻辑
微信小程序·小程序·notepad++
小糊涂加油1 天前
原生微信小程序开发踩坑记录
微信小程序·小程序
干到60岁退休的码农2 天前
微信小程序 按钮点击事件
微信小程序·小程序
no_work2 天前
基于CNN深度学习的小程序识别-视频介绍下自取
深度学习·小程序·cnn
大磕学家ZYX2 天前
使用Nodejs尝试小程序后端服务编写:简单的待办事项管理demo
开发语言·javascript·小程序·node.js
低代码布道师3 天前
模块拆解:一览家政维修小程序的“功能蓝图”
低代码·小程序·云开发
低代码布道师3 天前
家政维修平台实战25:工人接单
低代码·小程序·云开发
三天不学习3 天前
使用Cursor + Devbox + Uniapp 一站式AI编程开发移动端(App、H5、小程序)
小程序·uni-app·ai编程