Suiet 项目启动与配置教程

Suiet 项目启动与配置教程

suiet The wallet for everyone, built on Sui blockchain 项目地址: https://gitcode.com/gh_mirrors/su/suiet

1. 项目目录结构及介绍

Suiet 项目的目录结构如下：

.
├── .github/              # GitHub 相关配置文件
├── .vscode/              # VSCode 编辑器配置
├── api/                  # API 接口相关代码
├── assets/               # 静态资源文件，如图片、样式表等
├── components/           # Vue 组件目录
├── config/               # 项目配置文件
├── dist/                 # 打包后的文件
├── docs/                 # 文档目录
├── examples/             # 示例代码
├── public/               # 公共文件，如 index.html
├── scripts/              # 脚本文件，用于构建、部署等
├── src/                  # 源代码目录
│   ├── api/              # API 接口调用
│   ├── components/       # Vue 组件
│   ├── pages/            # 页面文件
│   ├── store/            # Vuex 状态管理
│   ├── utils/            # 工具函数
│   └── App.vue           # 根组件
├── tests/                # 测试代码
├── thyroid/              # Thyroid 项目相关代码
├── vue.config.js         # Vue 项目配置文件
└── package.json          # 项目依赖及脚本

2. 项目的启动文件介绍

项目的启动文件为 package.json 中的 scripts 字段定义的脚本。以下是常用的启动脚本：

• npm run serve：启动本地开发服务器，默认端口为 8080。
• npm run build：构建生产环境的代码，生成 dist 目录。
• npm run test：运行测试代码。

在终端中运行以下命令启动本地开发服务器：

npm run serve

3. 项目的配置文件介绍

项目的配置文件主要有以下几个：

• config/index.js：项目的基本配置，包括端口、API 地址等。
• vue.config.js：Vue 项目的配置文件，用于配置 Webpack、代理等。

以下是 config/index.js 的基本配置示例：

module.exports = {
  // 开发环境配置
  dev: {
    env: require('./dev.env'),
    port: 8080,
    proxyTable: {
      '/api': {
        target: 'http://example.com',
        changeOrigin: true,
        pathRewrite: {
          '^/api': ''
        }
      }
    }
  },
  // 生产环境配置
  build: {
    env: require('./prod.env'),
    index: path.resolve(__dirname, '../dist/index.html'),
    assetsRoot: path.resolve(__dirname, '../dist'),
    assetsSubDirectory: 'static',
    assetsPublicPath: '/',
    productionSourceMap: false
  }
}

以上是 Suiet 项目的启动和配置教程，希望对你有所帮助。

suiet The wallet for everyone, built on Sui blockchain 项目地址: https://gitcode.com/gh_mirrors/su/suiet