WeChat Markdown Editor

wechat-md/
├── .editorconfig              # 编辑器统一配置
├── .eslintrc.cjs              # ESLint 配置
├── .prettierrc                # Prettier 配置
├── .gitignore                 # Git 忽略规则
├── index.html                 # HTML 入口
├── package.json               # 项目依赖配置
├── vite.config.js             # Vite 构建配置
├── yarn.lock                  # Yarn 依赖锁定
│
├── public/                    # 静态资源
│   ├── favicon.ico
│   └── favicon.png
│
└── src/
    ├── main.js                # 应用入口
    ├── App.vue                # 根组件
    ├── style.css              # 全局样式
    │
    ├── components/            # Vue 组件
    │   ├── editor/            # 编辑器相关组件
    │   │   └── MarkdownEditor.vue
    │   ├── layout/            # 布局组件
    │   │   └── AppHeader.vue
    │   ├── preview/           # 预览相关组件
    │   │   └── WeChatPreview.vue
    │   └── ui/                # UI 组件
    │       └── NotificationToast.vue
    │
    ├── composables/           # Vue 3 Composition API
    │   ├── useEditorState.js
    │   ├── useMarkdownRenderer.js
    │   └── useNotification.js
    │
    ├── config/                # 配置模块
    │   ├── index.js
    │   ├── baseStyles.js
    │   ├── codeBlockStyles.js
    │   ├── fonts.js
    │   ├── headingStyles.js
    │   └── themes.js
    │
    ├── presets/               # 预设模板
    │   └── index.js
    │
    └── utils/                 # 工具函数
        ├── inlineStyles.js
        └── markdownItPlugins.js

# 安装依赖
yarn install

# 启动开发服务器
yarn dev

# 代码检查
yarn lint

# 代码格式化
yarn format

# 构建生产版本
yarn build

# 预览生产构建
yarn preview