# Directory Structure | 使用 Tango 构建你的低代码生产力工具
Specification

Skip to main content
🏗 当前版本为 alpha 版本，相关文档正在编写之中，敬请期待！

# Directory Structure

## Specification​

在目录结构上，我们约定了一套通用的目录结构

    ── src
    │ +── assets
    │ +── pages
    │ +── components
    │ +── services/index.js
    │ +── stores
    │ ├── routes.js // route config
    │ ├── global.less // global styles
    | |-- index.js // app entry
    └── package.json
    |---tango.config.json // config for low-code engine

## Custom Components​

This directory is used to store locally developed components, such as:

    // src/components/sample.jsx
    import React from 'react';
    import { Box } from '@music163/antd';

    export function Sample(props) {
      return <Box {...props}>sample component</Box>;
    }

info

Note that if you want the Sample component to be parsed and built by the designer, you must use MusicOne's `Box` component instead of the common `div` element. You can also use `<Box as="span" />` to change the rendered HTML element.