Skip to content

mistjs/taro-vue3-starter

Repository files navigation

taro-vue3-starter

this is taro vue3 template

vue3 + unocss + auto-import + vue-components

base on taro.3.6.x

Test

目前仅测试了微信小程序平台,其他平台需要自行测试

support

  • html tag
  • vue3
  • unocss
  • auto-import
  • vue-components-unplugin (插件目前热更不生效,需要手动重启)
  • eslint-vue
  • 宏函数(taro3.4.x起)

usage

# use degit

npm i -g degit

degit mistjs/taro-vue3-starter myApp

install

yarn

serve

weapp

yarn dev:weapp

unocss

关于转换unocss:

目前仅支持class内去编写unocss的样式,尽量不要使用attribute的方式去编写样式,经测试,小程序不能完全兼容。

例如:

不推荐用法

<div m-10></div>

<div flex="~ items-center"></div>

推荐写法

<div class="m-10"></div>

<div class="flex items-center"></div>

更多使用方式请查看unocss官网