NER Annotator 项目教程

1. 项目目录结构及介绍

ner-annotator/
├── docs/
├── public/
├── src-tauri/
├── src/
├── tests/
├── .eslintrc.js
├── .gitignore
├── .prettierignore
├── .prettierrc
├── LICENSE
├── PRIVACY-POLICY.md
├── README.md
├── app-icon.png
├── babel.config.js
├── package.json
├── vue.config.js
└── yarn.lock

目录结构介绍

• docs/: 存放项目文档的目录。
• public/: 存放公共静态资源的目录。
• src-tauri/: 存放与桌面应用程序构建相关的文件。
• src/: 存放项目的主要源代码。
• tests/: 存放项目的测试代码。
• .eslintrc.js: ESLint 配置文件，用于代码风格检查。
• .gitignore: Git 忽略文件配置。
• .prettierignore: Prettier 忽略文件配置。
• .prettierrc: Prettier 配置文件，用于代码格式化。
• LICENSE: 项目许可证文件。
• PRIVACY-POLICY.md: 隐私政策文档。
• README.md: 项目介绍和使用说明文档。
• app-icon.png: 应用程序图标。
• babel.config.js: Babel 配置文件，用于 JavaScript 转译。
• package.json: 项目依赖和脚本配置文件。
• vue.config.js: Vue 项目配置文件。
• yarn.lock: Yarn 包管理器的锁定文件，用于确保依赖版本一致性。

2. 项目启动文件介绍

主要启动文件

• src/main.js: 这是 Vue.js 项目的入口文件，负责初始化 Vue 实例并挂载到 DOM 上。

启动步骤

1. 安装依赖:

   yarn install
   

2. 启动开发服务器:

   yarn serve
   

3. 访问项目: 打开浏览器，访问 http://localhost:8080 即可查看项目运行效果。

3. 项目配置文件介绍

主要配置文件

• vue.config.js: 这是 Vue 项目的配置文件，可以在这里进行项目构建、开发服务器、代理等配置。

配置示例

module.exports = {
  // 项目部署的基础路径
  publicPath: '/',
  // 构建输出目录
  outputDir: 'dist',
  // 静态资源目录
  assetsDir: 'assets',
  // 是否在开发环境下通过 eslint-loader 在每次保存时 lint 代码
  lintOnSave: process.env.NODE_ENV !== 'production',
  // 开发服务器配置
  devServer: {
    port: 8080,
    open: true,
    proxy: {
      '/api': {
        target: 'http://localhost:3000',
        changeOrigin: true,
        pathRewrite: { '^/api': '' },
      },
    },
  },
};

其他配置文件

• .eslintrc.js: 用于配置 ESLint 代码检查规则。
• .prettierrc: 用于配置 Prettier 代码格式化规则。
• babel.config.js: 用于配置 Babel 转译规则。

通过以上配置文件，可以对项目的开发、构建、代码风格等进行详细的配置和管理。