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 文件

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

相关推荐
编程毕设30 分钟前
基于小程序的智能停车管理系统设计与开发
小程序
Kelaru2 小时前
本地Qwen中医问诊小程序系统开发
python·ai·小程序·flask·project
初晨未凉3 小时前
uniapp返回webview返回小程序并且跳转回webview
小程序·uni-app
Python智慧行囊6 小时前
微信小程序交互精髓:点击操作与状态管理实战
微信小程序·小程序·交互
paopaokaka_luck1 天前
基于SpringBoot+Vue的非遗文化传承管理系统(websocket即时通讯、协同过滤算法、支付宝沙盒支付、可分享链接、功能量非常大)
java·数据库·vue.js·spring boot·后端·spring·小程序
春哥的研究所1 天前
AI人工智能名片小程序源码系统,名片小程序+分销商城+AI客服,包含完整搭建教程
人工智能·微信小程序·小程序
paopaokaka_luck1 天前
智能推荐社交分享小程序(websocket即时通讯、协同过滤算法、时间衰减因子模型、热度得分算法)
数据库·vue.js·spring boot·后端·websocket·小程序
贝格前端工场1 天前
小程序订阅消息设计:用户触达与隐私保护的平衡法则
大数据·小程序
weixin_lynhgworld1 天前
盲盒一番赏小程序:用科技重新定义“未知的快乐”
科技·小程序
Bruce_Json1 天前
微信小程序ts+sassjlin-ui
微信小程序·小程序·sass