uni-app+vue3+typescript工程搭建

Posted 2021-12-08 一碗老面i

前言

通过vue-cli创建的项目，更易维护，可以使用非HbuilderX编辑器进行编码，通过终端直接执行编译命令

HbuilderX没有Linux版本（不含wine），但有大神移植了linux版本下的微信开发工具:

• cytle/wechat_web_devtools
• dragonation/wechat-devtools

因此linux环境下也可以开发微信小程序，这样三种常见操作系统都可以正常的进行开发调试

uni-app 项目支持 vue 3.0 介绍

模板初始化

使用uni-app官方提供的vue3基础模板

安装vue-cli

npm install -g @vue/cli

初始化vue3工程

vue create -p dcloudio/uni-preset-vue#vue3 uni-app-vue3-ts-demo

选择默认模板（TypeScript）

等待一会儿，执行完毕...

目录结构如下：