Taro + VUE 小程序环境搭建

freeWayWalker

已于 2023-05-26 12:57:37 修改

阅读量1.3k

点赞数

分类专栏： Web notes 文章标签：微信小程序 taro

于 2023-05-26 12:32:53 首次发布

本文链接：https://blog.youkuaiyun.com/freeWayWalker/article/details/130884320

版权

本文介绍了如何使用Taro和Vue搭建微信小程序的开发环境，包括Cli工具的安装、项目初始化、ESLint和Prettier的配置，以及微信API定义文件的设置。通过配置，可以实现代码检查、格式化以及微信小程序API的TypeScript类型定义，以提升开发效率。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

安装

Cli工具安装：$ yarn global add @tarojs/cli
项目初始化：taro init myApp

注意：如下命令中选用了 nut-ui，即京东开发团队提供的跨端组件库。


➜  taro init myApp
👽 Taro v3.6.6

Taro 即将创建一个新项目!
Need help? Go and open issue: https://tls.jd.com/taro-issue-helper

? 请输入项目介绍
? 请选择框架 Vue3
? 是否需要使用 TypeScript ？ Yes
? 请选择 CSS 预处理器（Sass/Less/Stylus） Sass
? 请选择编译工具 Webpack5
? 请选择包管理工具 pnpm
? 请选择模板源 Github（最新）
✔ 拉取远程模板仓库成功！
? 请选择模板 vue3-NutUI4（使用 NutUI4.0 的模板）

✔ 创建项目: myApp
✔ 创建文件: /Users/demo/workspace/js/weapp/myApp/.gitignore
✔ 创建文件: /Users/demo/workspace/js/weapp/myApp/babel.config.js
✔ 创建文件: /Users/demo/workspace/js/weapp/myApp/package.json
✔ 创建文件: /Users/demo/workspace/js/weapp/myApp/project.config.json
✔ 创建文件: /Users/demo/workspace/js/weapp/myApp/project.tt.json
✔ 创建文件: /Users/demo/workspace/js/weapp/myApp/tsconfig