sxy_student的博客

本期内容有些复杂，我把扩展方法做成视频放在B站了！ 传送门：wtm vue3使用心得https://www.bilibili.com/video/BV1Vu41197tZ/。

wtm vue3.0实际开发的各种功能页面全在pages里面。 这里咱们以frameworkuser为例，进行文件解析。 首页组件引入功能页面或者子组件，完整页面组装。 下一篇：自定义功能按钮。

外层文件目录解析。 设置手动设置后台地址的文件时vue.config.js client文件目录解析 ，client此文件夹中封装了wtm vue3.0项目所有的公共方法。在遇到看不懂的方法时候，可以按F12跳转到该方法中。比较常该的就是client目录下的config.ts项目配置文件和locales目录下的languagesys.ts字段键值对文件，他用于多语言翻译。 components文件目录解析 ，wtm vue3.0的组件。 找项目中的组件配置，可以参照compo..

在wtmplus官网新建一个项目，并下载wtm vue3.0的源码。 下载完成之后，解压缩，将获得以下文件结构。 vue3.0的前端位于web项目的ClientApp文件夹中。 我们使用vscode打开它，注意：vscode最好装上vue3-snippets-for-vscode插件，不然在vs code中，部分源码会报错！不装也不会影响开发。 这时候，我们先启动webapi。 用vs打开项目，修改数据库连接字符串，然后选择项目启动调试改成ApiOnly。建议开发的时候使用sq..