Note Sync Now v2.0 - 全面升级

日期: 2025-11-25

概述

本次更新对项目进行了全面升级，包括编辑器、性能、UI/UX、移动端适配等多个方面的改进。

新增功能

1. 代码编辑器升级 (CodeMirror)

2. Markdown 预览增强

3. 历史记录管理

4. 二维码扫描加入

5. 文件导入/导出

性能优化

1. 大文件传输

2. 服务端优化

3. 前端优化

UI/UX 改进

1. 现代化设计

2. 响应式布局

3. 深色模式

4. 国际化

技术栈升级

新增依赖

{
  "@codemirror/lang-*": "^6.x",    // 代码编辑器语言支持
  "@uiw/react-codemirror": "^4.21", // React CodeMirror 封装
  "framer-motion": "^10.16",        // 动画库
  "zustand": "^4.4",                // 状态管理
  "qrcode.react": "^3.1",           // 二维码生成
  "react-hot-toast": "^2.4",        // Toast 通知
  "react-syntax-highlighter": "^15.5", // 代码高亮
  "lodash.debounce": "^4.0",        // 防抖函数
  "idb-keyval": "^6.2"              // IndexedDB 封装
}

项目结构重构

src/
├── components/
│   ├── Editor/
│   │   ├── CodeEditor.jsx      # CodeMirror 编辑器
│   │   └── MarkdownPreview.jsx # Markdown 预览
│   ├── Header/
│   │   └── Header.jsx          # 顶栏组件
│   ├── Landing/
│   │   └── Landing.jsx         # 登录页
│   ├── Sidebar/
│   │   └── Sidebar.jsx         # 侧边栏
│   └── index.js                # 组件导出
├── hooks/
│   └── useSocket.js            # Socket 连接 Hook
├── store/
│   └── useStore.js             # Zustand 状态管理
├── utils/
│   ├── crypto.js               # 加密工具
│   └── translations.js         # 国际化翻译
├── App.jsx                     # 主应用
├── main.jsx                    # 入口文件
└── index.css                   # 全局样式

服务端更新

新增功能

配置优化

使用说明

安装依赖

# 前端
cd brave-sync-notes/client
npm install

# 后端
cd brave-sync-notes/server
npm install

启动开发服务器

# 后端
cd brave-sync-notes/server
node index.js

# 前端
cd brave-sync-notes/client
npm run dev

生产构建

cd brave-sync-notes/client
npm run build

后续计划

兼容性