Structure
.
├─ docs/ // documentation folder
│ ├── .vuepress/ // VuePress2
│ │ ├─ styles/ // customization of documentation
│ │ │ └─ index.scss
│ │ ├─ config.js // configuration
│ ├─ components/ // library components documentation folder
│ │ ├─ layout.md
│ │ └─ ...
│ ├─ constants/ // library styles documentation folder
│ │ ├─ breakpoints.md
│ │ ├─ colors.md
│ │ ├─ others.md
│ │ ├─ stylebase.md
│ │ └─ typography.md
│ ├─ links.md // useful reading links
│ ├─ README.md // homepage
│ ├─ start.md // getting started
│ └─ structure.md // structure
├─ src/ // source folder
│ ├─ components/
│ │ ├─ Layout
│ │ │ ├─ Layout.js
│ │ │ └─ Layout.vue
│ │ └─ ...
│ ├─ models/ // types
│ │ ├─ store/
│ │ └─ utils/
│ ├─ static/ // after build fonts will be copied here
│ │ └─ fonts/
│ │ └─ ...
│ ├─ store/ // vuex store
│ │ ├─ modules/
│ │ │ └─ layout.ts
│ │ └─ index.ts
│ ├─ stylus/
│ │ ├─ core
│ │ │ ├─ _animations.styl // keyframes and Vue animationss classes
│ │ │ └─ _base.styl // normalize
│ │ ├─ utils
│ │ │ ├─ _mixins.styl
│ │ │ ├─ _placeholders.styl
│ │ │ ├─ _typography.styl // Use one, only one, Karl, a universal mixin for all cases!
│ │ │ └─ _variables.styl
│ │ └─ _stylebase.styl // main file of stylus
│ ├─ utils/ // scripts
│ │ ├─ constants.ts // constants
│ │ ├─ screen-helper.ts // adaptive viewport
│ │ └─ ...
│ ├─ Development.vue // app component for development mode
│ ├─ main.ts // library export and development mode switch
│ └─ shims-vue.d.ts // vue types
├─ tests/
│ └─ unit/
│ └─ example.spec.ts
├─ .browserslistrc // configuration of supported browsers
├─ .editorconfig // configuration for editors
├─ .eslintrc.js // linter configuration
├─ .gitignore // git ignore
├─ .prettierrc // prettier configuration
├─ babel.config.js // babel configuration
├─ themes.jpg // image for README
├─ jest.config.js // jest configuration
├─ package.json // project configuration
├─ README.md
├─ tsconfig.json // tslint configuration
└─ vue.config.js // vue configuration
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67