Stable Art 项目使用教程

Stable Art 项目使用教程

stable.artPhotoshop plugin for Stable Diffusion with Automatic1111 as backend (locally or with Google Colab)项目地址:https://gitcode.com/gh_mirrors/st/stable.art

1. 项目的目录结构及介绍

Stable Art 是一个用于 Photoshop 的插件，利用 Stable Diffusion 和 Automatic1111 作为后端来加速艺术创作流程。以下是项目的目录结构及其介绍：

stable.art/
├── public/
├── src/
├── tests/
│   └── unittests/
│       └── unit/
├── .editorconfig
├── .eslintrc.js
├── .gitignore
├── LICENSE
├── README.md
├── babel.config.js
├── discord_logo.png
├── jsconfig.json
├── package-lock.json
├── package.json
└── vue.config.js

• public/: 包含公共资源文件。
• src/: 包含源代码文件。
• tests/: 包含单元测试文件。
• .editorconfig: 编辑器配置文件。
• .eslintrc.js: ESLint 配置文件。
• .gitignore: Git 忽略文件配置。
• LICENSE: 项目许可证。
• README.md: 项目说明文档。
• babel.config.js: Babel 配置文件。
• discord_logo.png: 项目图标。
• jsconfig.json: JavaScript 配置文件。
• package-lock.json: npm 依赖锁定文件。
• package.json: 项目依赖和脚本配置。
• vue.config.js: Vue 项目配置文件。

2. 项目的启动文件介绍

项目的启动文件主要是 package.json 中的脚本配置。以下是一些关键的启动脚本：

{
  "scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint"
  }
}

• serve: 启动开发服务器。
• build: 构建生产环境版本。
• lint: 运行代码检查。

3. 项目的配置文件介绍

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

• .editorconfig: 用于统一不同编辑器和 IDE 的代码风格。
• .eslintrc.js: 用于配置 ESLint 代码检查规则。
• babel.config.js: 用于配置 Babel 转码规则。
• jsconfig.json: 用于配置 JavaScript 项目设置。
• vue.config.js: 用于配置 Vue 项目设置。

.editorconfig

root = true

[*]
indent_style = space
indent_size = 2
end_of_line = lf
charset = utf-8
trim_trailing_whitespace = true
insert_final_newline = true

.eslintrc.js

module.exports = {
  root: true,
  env: {
    node: true
  },
  extends: [
    'plugin:vue/essential',
    '@vue/standard'
  ],
  parserOptions: {
    parser: 'babel-eslint'
  },
  rules: {
    'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
    'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off'
  }
}

babel.config.js

module.exports = {
  presets: [
    '@vue/cli-plugin-babel/preset'
  ]
}

jsconfig.json

{
  "compilerOptions": {
    "target": "es5",
    "module": "commonjs",
    "allowJs": true
  },
  "exclude": [
    "node_modules"
  ]
}

vue.config.js

module.exports = {
  publicPath: '/',
  outputDir: 'dist',
  assetsDir: 'assets',
  lintOnSave: true,
  productionSourceMap: false,
  devServer: {
    port: 8080,
    open: true
  }
}

以上是 Stable Art 项目的目录结构、启动文件和配置文件的详细介绍。希望这份文档能帮助你更好地理解和

stable.artPhotoshop plugin for Stable Diffusion with Automatic1111 as backend (locally or with Google Colab)项目地址:https://gitcode.com/gh_mirrors/st/stable.art