概述

目录结构

├─public
└─src
    ├─assets            - 静态资源文件
    │  └─marker             - 图层点位图片
    │      ├─inspection
    │      └─move-route
    ├─components        - 通用组件
    │  ├─common             - 公共组件
    │  └─mars-work          - 地图组件
    ├─customElements    - 自定义元素组件(custom elements)
    │  └─wgxc
    ├─hooks             - Vue3 hooks文件
    ├─map               - 地图配置
    │  ├─basemaps           - 底图配置文件
    │  └─layers             - 图层配置文件
    ├─popup             - 弹窗组件
    │  ├─lwMss
    │  │  └─components
    │  └─lwWgxc
    ├─store             - 全局仓库
    ├─types             - 全局TypeScript类型文件
    ├─utils             - 工具类
    └─widgets           - Widget组件
        └─toolbtn-zoom

支持TypeScript的IDE

建议使用 Visual Studio Code (VS Code)，因为它对 TypeScript 有着很好的内置支持。通过搭配Vue - Official 可以提供对 Vue 单文件组件中的 TypeScript 支持，还伴随着一些其他非常棒的特性。

WebStorm 对 TypeScript 和 Vue 也都提供了开箱即用的支持。其他的 JetBrains IDE 也同样可以通过一个免费插件支持。从 2023.2 版开始，WebStorm 和 Vue 插件内置了对 Vue 语言服务器的支持。你可以在设置 > 语言和框架 > TypeScript > Vue 下将 Vue 服务设置为在所有 TypeScript 版本上使用 Volar 集成。默认情况下，Volar 将用于 TypeScript 5.0 及更高版本。

详情请见Vue官方文档说明。