uniapp vue ts 微信小程序创建项目

UniApp是一个基于 Vue 的跨平台框架，它允许开发者使用一套代码同时构建iOS、Android应用以及微信小程序。如果你想使用 TypeScript（一种强类型的JavaScript超集）来增强项目的类型安全性和可维护性，可以结合Vue和UniApp创建微信小程序项目。

以下是创建uni-app + Vue + TypeScript微信小程序项目的步骤：

1. **安装依赖**：
- 安装Node.js环境，然后全局安装`uni-cli`（UniApp CLI工具）：`npm install -g @dcloudio/cli`
- 如果你还没有，还需安装`vue`、`typescript` 和 `ts-node`：`npm install -D typescript ts-loader tsconfig.json`

2. **初始化项目**：

   uni init your-project-name --type vue --ts

这会生成一个新的Vue项目，并启用TypeScript支持。

3. **配置文件**：
- `tsconfig.json` 文件用于配置TypeScript编译选项，如目标版本等。
- 修改`vue.config.js`中的配置，添加对TypeScript的支持，例如：

     module.exports = {
       transpileDependencies: ['@dcloudio/uni-app-plus'],
       chainWebpack: config => {
         config.module.rule('typescript').test(/\.tsx?$/).use('ts-loader');
       },
     };

4. **编写代码**：
使用Vue组件和TypeScript编写小程序业务逻辑。引入`<script setup>`语法可以更方便地管理组件状态和事件处理。

5. **运行与打包**：
- 开发阶段，通过`uni dev`命令启动开发服务器。
- 发布到微信小程序预览或正式发布时，使用`uni build`和`uni package`命令。