taro+vue3+TS+Pinia+tailwindcss+NutUI项目创建与开发

一、初始化

1、Taro 基本安装并初始化项目

npx @tarojs/cli init WechatAppDemo

-选择框架：vue3

-是否使用ts？y

-请选择css预编译器：无

-请选择webpack：webpack5

-请选择模板源：gitee

-请选择模板：vue3+pinia

2、cd到新项目的文件夹

3、安装依赖：yarn

4、运行预览：

　　yarn dev:weapp 或

　　set NODE_ENV=production && taro build --type weapp --watch（推荐）

5、在https://mp.weixin.qq.com 注册账号，并获得appid，如下图

6、下载微信开发者工具，并打开

7、将项目的跟文件引入进来，进行项目功能预览

二、上传到仓库（如果需要）

在云仓库创建空白仓库，然后按下图操作

三、安装想要的插件

1、tailwindcss

若按链接中步骤的操作时，运行taro命令显提示无法识别。就安装taro，再将taro.cmd的上级路径添加到环境变量中，重启ide，再运行taro指令。

我的路径是：C:\Users\10931\AppData\Local\Yarn\bin

2、NutUi