@modern-js/module-tools-docs 2.2.1-beta.1 → 2.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (160) hide show
  1. package/docs/en/api/plugin-api/plugin-hooks.md +2 -10
  2. package/docs/en/guide/advance/in-depth-about-dev-command.md +0 -9
  3. package/docs/en/guide/basic/command-preview.md +1 -1
  4. package/docs/en/guide/basic/using-storybook.mdx +28 -6
  5. package/docs/en/guide/intro/getting-started.md +1 -1
  6. package/docs/en/index.md +14 -8
  7. package/docs/en/plugins/guide/getting-started.mdx +1 -1
  8. package/docs/zh/api/plugin-api/plugin-hooks.md +2 -10
  9. package/docs/zh/guide/advance/in-depth-about-dev-command.md +0 -8
  10. package/docs/zh/guide/basic/command-preview.md +1 -1
  11. package/docs/zh/guide/basic/using-storybook.mdx +28 -5
  12. package/docs/zh/index.md +16 -10
  13. package/docs/zh/plugins/guide/getting-started.mdx +1 -1
  14. package/modern.config.ts +4 -6
  15. package/package.json +4 -4
  16. package/doc_build/html/main/index.html +0 -16
  17. package/doc_build/route.json +0 -10
  18. package/doc_build/static/css/main.css +0 -2977
  19. package/doc_build/static/css/main.css.map +0 -1
  20. package/doc_build/static/css/vendors-node_modules_pnpm_remix-run_router_1_2_0_node_modules_remix-run_router_dist_router_js-9d5e9c.css +0 -68
  21. package/doc_build/static/css/vendors-node_modules_pnpm_remix-run_router_1_2_0_node_modules_remix-run_router_dist_router_js-9d5e9c.css.map +0 -1
  22. package/doc_build/static/js/async/en_api_config_build-config.js +0 -8406
  23. package/doc_build/static/js/async/en_api_config_build-config.js.map +0 -1
  24. package/doc_build/static/js/async/en_api_config_build-preset.js +0 -7865
  25. package/doc_build/static/js/async/en_api_config_build-preset.js.map +0 -1
  26. package/doc_build/static/js/async/en_api_config_design-system.js +0 -47805
  27. package/doc_build/static/js/async/en_api_config_design-system.js.map +0 -1
  28. package/doc_build/static/js/async/en_api_config_plugins.js +0 -1488
  29. package/doc_build/static/js/async/en_api_config_plugins.js.map +0 -1
  30. package/doc_build/static/js/async/en_api_config_testing.js +0 -2139
  31. package/doc_build/static/js/async/en_api_config_testing.js.map +0 -1
  32. package/doc_build/static/js/async/en_api_index.js +0 -51
  33. package/doc_build/static/js/async/en_api_index.js.map +0 -1
  34. package/doc_build/static/js/async/en_api_plugin-api_plugin-hooks.js +0 -14360
  35. package/doc_build/static/js/async/en_api_plugin-api_plugin-hooks.js.map +0 -1
  36. package/doc_build/static/js/async/en_guide_advance_asset.js +0 -3972
  37. package/doc_build/static/js/async/en_guide_advance_asset.js.map +0 -1
  38. package/doc_build/static/js/async/en_guide_advance_build-umd.js +0 -9857
  39. package/doc_build/static/js/async/en_guide_advance_build-umd.js.map +0 -1
  40. package/doc_build/static/js/async/en_guide_advance_copy.js +0 -6541
  41. package/doc_build/static/js/async/en_guide_advance_copy.js.map +0 -1
  42. package/doc_build/static/js/async/en_guide_advance_external-dependency.js +0 -3806
  43. package/doc_build/static/js/async/en_guide_advance_external-dependency.js.map +0 -1
  44. package/doc_build/static/js/async/en_guide_advance_in-depth-about-build.js +0 -5304
  45. package/doc_build/static/js/async/en_guide_advance_in-depth-about-build.js.map +0 -1
  46. package/doc_build/static/js/async/en_guide_advance_in-depth-about-dev-command.js +0 -2526
  47. package/doc_build/static/js/async/en_guide_advance_in-depth-about-dev-command.js.map +0 -1
  48. package/doc_build/static/js/async/en_guide_advance_theme-config.js +0 -2486
  49. package/doc_build/static/js/async/en_guide_advance_theme-config.js.map +0 -1
  50. package/doc_build/static/js/async/en_guide_basic_before-getting-started.js +0 -3720
  51. package/doc_build/static/js/async/en_guide_basic_before-getting-started.js.map +0 -1
  52. package/doc_build/static/js/async/en_guide_basic_command-preview.js +0 -3973
  53. package/doc_build/static/js/async/en_guide_basic_command-preview.js.map +0 -1
  54. package/doc_build/static/js/async/en_guide_basic_modify-output-product.js +0 -3137
  55. package/doc_build/static/js/async/en_guide_basic_modify-output-product.js.map +0 -1
  56. package/doc_build/static/js/async/en_guide_basic_publish-your-project.js +0 -2180
  57. package/doc_build/static/js/async/en_guide_basic_publish-your-project.js.map +0 -1
  58. package/doc_build/static/js/async/en_guide_basic_test-your-project.js +0 -3887
  59. package/doc_build/static/js/async/en_guide_basic_test-your-project.js.map +0 -1
  60. package/doc_build/static/js/async/en_guide_basic_use-micro-generator.js +0 -2973
  61. package/doc_build/static/js/async/en_guide_basic_use-micro-generator.js.map +0 -1
  62. package/doc_build/static/js/async/en_guide_basic_using-storybook.js +0 -4723
  63. package/doc_build/static/js/async/en_guide_basic_using-storybook.js.map +0 -1
  64. package/doc_build/static/js/async/en_guide_best-practices_components.js +0 -21400
  65. package/doc_build/static/js/async/en_guide_best-practices_components.js.map +0 -1
  66. package/doc_build/static/js/async/en_guide_intro_getting-started.js +0 -2149
  67. package/doc_build/static/js/async/en_guide_intro_getting-started.js.map +0 -1
  68. package/doc_build/static/js/async/en_guide_intro_welcome.js +0 -162
  69. package/doc_build/static/js/async/en_guide_intro_welcome.js.map +0 -1
  70. package/doc_build/static/js/async/en_guide_intro_why-module-engineering-solution.js +0 -96
  71. package/doc_build/static/js/async/en_guide_intro_why-module-engineering-solution.js.map +0 -1
  72. package/doc_build/static/js/async/en_index.js +0 -81
  73. package/doc_build/static/js/async/en_index.js.map +0 -1
  74. package/doc_build/static/js/async/en_plugins_guide_getting-started.js +0 -2556
  75. package/doc_build/static/js/async/en_plugins_guide_getting-started.js.map +0 -1
  76. package/doc_build/static/js/async/en_plugins_guide_plugin-object.js +0 -4173
  77. package/doc_build/static/js/async/en_plugins_guide_plugin-object.js.map +0 -1
  78. package/doc_build/static/js/async/en_plugins_guide_setup-function.js +0 -3815
  79. package/doc_build/static/js/async/en_plugins_guide_setup-function.js.map +0 -1
  80. package/doc_build/static/js/async/en_plugins_official-list_overview.js +0 -66
  81. package/doc_build/static/js/async/en_plugins_official-list_overview.js.map +0 -1
  82. package/doc_build/static/js/async/packages_cli_doc-core_src_theme-default_components_Search_logic_search_ts.js +0 -246
  83. package/doc_build/static/js/async/packages_cli_doc-core_src_theme-default_components_Search_logic_search_ts.js.map +0 -1
  84. package/doc_build/static/js/async/vendors-node_modules_pnpm_code-hike_mdx_0_7_4_react_18_2_0_node_modules_code-hike_mdx_dist_co-06dd41.js +0 -6656
  85. package/doc_build/static/js/async/vendors-node_modules_pnpm_code-hike_mdx_0_7_4_react_18_2_0_node_modules_code-hike_mdx_dist_co-06dd41.js.map +0 -1
  86. package/doc_build/static/js/async/vendors-node_modules_pnpm_flexsearch_0_6_32_node_modules_flexsearch_dist_flexsearch_min_js.js +0 -54
  87. package/doc_build/static/js/async/vendors-node_modules_pnpm_flexsearch_0_6_32_node_modules_flexsearch_dist_flexsearch_min_js.js.map +0 -1
  88. package/doc_build/static/js/async/zh_api_config_build-config.js +0 -11354
  89. package/doc_build/static/js/async/zh_api_config_build-config.js.map +0 -1
  90. package/doc_build/static/js/async/zh_api_config_build-preset.js +0 -7867
  91. package/doc_build/static/js/async/zh_api_config_build-preset.js.map +0 -1
  92. package/doc_build/static/js/async/zh_api_config_design-system.js +0 -48712
  93. package/doc_build/static/js/async/zh_api_config_design-system.js.map +0 -1
  94. package/doc_build/static/js/async/zh_api_config_plugins.js +0 -1488
  95. package/doc_build/static/js/async/zh_api_config_plugins.js.map +0 -1
  96. package/doc_build/static/js/async/zh_api_config_testing.js +0 -2132
  97. package/doc_build/static/js/async/zh_api_config_testing.js.map +0 -1
  98. package/doc_build/static/js/async/zh_api_index.js +0 -52
  99. package/doc_build/static/js/async/zh_api_index.js.map +0 -1
  100. package/doc_build/static/js/async/zh_api_plugin-api_plugin-hooks.js +0 -14392
  101. package/doc_build/static/js/async/zh_api_plugin-api_plugin-hooks.js.map +0 -1
  102. package/doc_build/static/js/async/zh_guide_advance_asset.js +0 -3972
  103. package/doc_build/static/js/async/zh_guide_advance_asset.js.map +0 -1
  104. package/doc_build/static/js/async/zh_guide_advance_build-umd.js +0 -9859
  105. package/doc_build/static/js/async/zh_guide_advance_build-umd.js.map +0 -1
  106. package/doc_build/static/js/async/zh_guide_advance_copy.js +0 -6541
  107. package/doc_build/static/js/async/zh_guide_advance_copy.js.map +0 -1
  108. package/doc_build/static/js/async/zh_guide_advance_external-dependency.js +0 -3808
  109. package/doc_build/static/js/async/zh_guide_advance_external-dependency.js.map +0 -1
  110. package/doc_build/static/js/async/zh_guide_advance_in-depth-about-build.js +0 -5304
  111. package/doc_build/static/js/async/zh_guide_advance_in-depth-about-build.js.map +0 -1
  112. package/doc_build/static/js/async/zh_guide_advance_in-depth-about-dev-command.js +0 -2526
  113. package/doc_build/static/js/async/zh_guide_advance_in-depth-about-dev-command.js.map +0 -1
  114. package/doc_build/static/js/async/zh_guide_advance_theme-config.js +0 -2477
  115. package/doc_build/static/js/async/zh_guide_advance_theme-config.js.map +0 -1
  116. package/doc_build/static/js/async/zh_guide_basic_before-getting-started.js +0 -3711
  117. package/doc_build/static/js/async/zh_guide_basic_before-getting-started.js.map +0 -1
  118. package/doc_build/static/js/async/zh_guide_basic_command-preview.js +0 -3805
  119. package/doc_build/static/js/async/zh_guide_basic_command-preview.js.map +0 -1
  120. package/doc_build/static/js/async/zh_guide_basic_modify-output-product.js +0 -3142
  121. package/doc_build/static/js/async/zh_guide_basic_modify-output-product.js.map +0 -1
  122. package/doc_build/static/js/async/zh_guide_basic_publish-your-project.js +0 -2241
  123. package/doc_build/static/js/async/zh_guide_basic_publish-your-project.js.map +0 -1
  124. package/doc_build/static/js/async/zh_guide_basic_test-your-project.js +0 -4286
  125. package/doc_build/static/js/async/zh_guide_basic_test-your-project.js.map +0 -1
  126. package/doc_build/static/js/async/zh_guide_basic_use-micro-generator.js +0 -2979
  127. package/doc_build/static/js/async/zh_guide_basic_use-micro-generator.js.map +0 -1
  128. package/doc_build/static/js/async/zh_guide_basic_using-storybook.js +0 -4760
  129. package/doc_build/static/js/async/zh_guide_basic_using-storybook.js.map +0 -1
  130. package/doc_build/static/js/async/zh_guide_best-practices_components.js +0 -21100
  131. package/doc_build/static/js/async/zh_guide_best-practices_components.js.map +0 -1
  132. package/doc_build/static/js/async/zh_guide_intro_getting-started.js +0 -2031
  133. package/doc_build/static/js/async/zh_guide_intro_getting-started.js.map +0 -1
  134. package/doc_build/static/js/async/zh_guide_intro_welcome.js +0 -162
  135. package/doc_build/static/js/async/zh_guide_intro_welcome.js.map +0 -1
  136. package/doc_build/static/js/async/zh_guide_intro_why-module-engineering-solution.js +0 -96
  137. package/doc_build/static/js/async/zh_guide_intro_why-module-engineering-solution.js.map +0 -1
  138. package/doc_build/static/js/async/zh_index.js +0 -81
  139. package/doc_build/static/js/async/zh_index.js.map +0 -1
  140. package/doc_build/static/js/async/zh_plugins_guide_getting-started.js +0 -2604
  141. package/doc_build/static/js/async/zh_plugins_guide_getting-started.js.map +0 -1
  142. package/doc_build/static/js/async/zh_plugins_guide_plugin-object.js +0 -4169
  143. package/doc_build/static/js/async/zh_plugins_guide_plugin-object.js.map +0 -1
  144. package/doc_build/static/js/async/zh_plugins_guide_setup-function.js +0 -3815
  145. package/doc_build/static/js/async/zh_plugins_guide_setup-function.js.map +0 -1
  146. package/doc_build/static/js/async/zh_plugins_official-list_overview.js +0 -66
  147. package/doc_build/static/js/async/zh_plugins_official-list_overview.js.map +0 -1
  148. package/doc_build/static/js/builder-runtime.js +0 -1375
  149. package/doc_build/static/js/builder-runtime.js.map +0 -1
  150. package/doc_build/static/js/lib-lodash.js +0 -4907
  151. package/doc_build/static/js/lib-lodash.js.map +0 -1
  152. package/doc_build/static/js/lib-polyfill.js +0 -11847
  153. package/doc_build/static/js/lib-polyfill.js.map +0 -1
  154. package/doc_build/static/js/lib-react.js +0 -39510
  155. package/doc_build/static/js/lib-react.js.map +0 -1
  156. package/doc_build/static/js/main.js +0 -8610
  157. package/doc_build/static/js/main.js.map +0 -1
  158. package/doc_build/static/js/vendors-node_modules_pnpm_remix-run_router_1_2_0_node_modules_remix-run_router_dist_router_js-9d5e9c.js +0 -7328
  159. package/doc_build/static/js/vendors-node_modules_pnpm_remix-run_router_1_2_0_node_modules_remix-run_router_dist_router_js-9d5e9c.js.map +0 -1
  160. package/doc_build/static/search_index.json +0 -1
@@ -1,2031 +0,0 @@
1
- "use strict";
2
- (self["webpackChunk_modern_js_module_tools_docs"] = self["webpackChunk_modern_js_module_tools_docs"] || []).push([["zh_guide_intro_getting-started"],{
3
-
4
- /***/ "./docs/zh/guide/intro/getting-started.md":
5
- /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
6
-
7
- __webpack_require__.r(__webpack_exports__);
8
- /* harmony export */ __webpack_require__.d(__webpack_exports__, {
9
- /* harmony export */ "CH": function() { return /* binding */ CH; },
10
- /* harmony export */ "chCodeConfig": function() { return /* binding */ chCodeConfig; },
11
- /* harmony export */ "content": function() { return /* binding */ content; },
12
- /* harmony export */ "frontmatter": function() { return /* binding */ frontmatter; },
13
- /* harmony export */ "title": function() { return /* binding */ title; },
14
- /* harmony export */ "toc": function() { return /* binding */ toc; }
15
- /* harmony export */ });
16
- /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js");
17
- /* harmony import */ var _code_hike_mdx_dist_components_cjs_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("../../node_modules/.pnpm/@code-hike+mdx@0.7.4_react@18.2.0/node_modules/@code-hike/mdx/dist/components.esm.mjs");
18
- /*@jsxRuntime automatic @jsxImportSource react*/
19
-
20
-
21
- const CH = {
22
- annotations: _code_hike_mdx_dist_components_cjs_js__WEBPACK_IMPORTED_MODULE_1__.annotations,
23
- Code: _code_hike_mdx_dist_components_cjs_js__WEBPACK_IMPORTED_MODULE_1__.Code
24
- };
25
- const chCodeConfig = {
26
- "staticMediaQuery": "not screen, (max-width: 768px)",
27
- "theme": {
28
- "name": "nord",
29
- "type": "dark",
30
- "semanticHighlighting": true,
31
- "colors": {
32
- "focusBorder": "#3b4252",
33
- "foreground": "#d8dee9",
34
- "activityBar.background": "#2e3440",
35
- "activityBar.dropBackground": "#3b4252",
36
- "activityBar.foreground": "#d8dee9",
37
- "activityBar.activeBorder": "#88c0d0",
38
- "activityBar.activeBackground": "#3b4252",
39
- "activityBarBadge.background": "#88c0d0",
40
- "activityBarBadge.foreground": "#2e3440",
41
- "badge.foreground": "#2e3440",
42
- "badge.background": "#88c0d0",
43
- "button.background": "#88c0d0ee",
44
- "button.foreground": "#2e3440",
45
- "button.hoverBackground": "#88c0d0",
46
- "button.secondaryBackground": "#434c5e",
47
- "button.secondaryForeground": "#d8dee9",
48
- "button.secondaryHoverBackground": "#4c566a",
49
- "charts.red": "#bf616a",
50
- "charts.blue": "#81a1c1",
51
- "charts.yellow": "#ebcb8b",
52
- "charts.orange": "#d08770",
53
- "charts.green": "#a3be8c",
54
- "charts.purple": "#b48ead",
55
- "charts.foreground": "#d8dee9",
56
- "charts.lines": "#88c0d0",
57
- "debugConsole.infoForeground": "#88c0d0",
58
- "debugConsole.warningForeground": "#ebcb8b",
59
- "debugConsole.errorForeground": "#bf616a",
60
- "debugConsole.sourceForeground": "#616e88",
61
- "debugConsoleInputIcon.foreground": "#81a1c1",
62
- "debugExceptionWidget.background": "#4c566a",
63
- "debugExceptionWidget.border": "#2e3440",
64
- "debugToolBar.background": "#3b4252",
65
- "descriptionForeground": "#d8dee9e6",
66
- "diffEditor.insertedTextBackground": "#81a1c133",
67
- "diffEditor.removedTextBackground": "#bf616a4d",
68
- "dropdown.background": "#3b4252",
69
- "dropdown.border": "#3b4252",
70
- "dropdown.foreground": "#d8dee9",
71
- "editorActiveLineNumber.foreground": "#d8dee9cc",
72
- "editorCursor.foreground": "#d8dee9",
73
- "editorHint.border": "#ebcb8b00",
74
- "editorHint.foreground": "#ebcb8b",
75
- "editorIndentGuide.background": "#434c5eb3",
76
- "editorIndentGuide.activeBackground": "#4c566a",
77
- "editorInlayHint.background": "#434c5e",
78
- "editorInlayHint.foreground": "#d8dee9",
79
- "editorLineNumber.foreground": "#4c566a",
80
- "editorLineNumber.activeForeground": "#d8dee9",
81
- "editorWhitespace.foreground": "#4c566ab3",
82
- "editorWidget.background": "#2e3440",
83
- "editorWidget.border": "#3b4252",
84
- "editor.background": "#2e3440",
85
- "editor.foreground": "#d8dee9",
86
- "editor.hoverHighlightBackground": "#3b4252",
87
- "editor.findMatchBackground": "#88c0d066",
88
- "editor.findMatchHighlightBackground": "#88c0d033",
89
- "editor.findRangeHighlightBackground": "#88c0d033",
90
- "editor.lineHighlightBackground": "#3b4252",
91
- "editor.lineHighlightBorder": "#3b4252",
92
- "editor.inactiveSelectionBackground": "#434c5ecc",
93
- "editor.inlineValuesBackground": "#4c566a",
94
- "editor.inlineValuesForeground": "#eceff4",
95
- "editor.selectionBackground": "#434c5ecc",
96
- "editor.selectionHighlightBackground": "#434c5ecc",
97
- "editor.rangeHighlightBackground": "#434c5e52",
98
- "editor.wordHighlightBackground": "#81a1c166",
99
- "editor.wordHighlightStrongBackground": "#81a1c199",
100
- "editor.stackFrameHighlightBackground": "#5e81ac",
101
- "editor.focusedStackFrameHighlightBackground": "#5e81ac",
102
- "editorError.foreground": "#bf616a",
103
- "editorError.border": "#bf616a00",
104
- "editorWarning.foreground": "#ebcb8b",
105
- "editorWarning.border": "#ebcb8b00",
106
- "editorBracketMatch.background": "#2e344000",
107
- "editorBracketMatch.border": "#88c0d0",
108
- "editorBracketHighlight.foreground1": "#8fbcbb",
109
- "editorBracketHighlight.foreground2": "#88c0d0",
110
- "editorBracketHighlight.foreground3": "#81a1c1",
111
- "editorBracketHighlight.foreground4": "#5e81ac",
112
- "editorBracketHighlight.foreground5": "#8fbcbb",
113
- "editorBracketHighlight.foreground6": "#88c0d0",
114
- "editorBracketHighlight.unexpectedBracket.foreground": "#bf616a",
115
- "editorCodeLens.foreground": "#4c566a",
116
- "editorGroup.background": "#2e3440",
117
- "editorGroup.border": "#3b425201",
118
- "editorGroup.dropBackground": "#3b425299",
119
- "editorGroupHeader.border": "#3b425200",
120
- "editorGroupHeader.noTabsBackground": "#2e3440",
121
- "editorGroupHeader.tabsBackground": "#2e3440",
122
- "editorGroupHeader.tabsBorder": "#3b425200",
123
- "editorGutter.background": "#2e3440",
124
- "editorGutter.modifiedBackground": "#ebcb8b",
125
- "editorGutter.addedBackground": "#a3be8c",
126
- "editorGutter.deletedBackground": "#bf616a",
127
- "editorHoverWidget.background": "#3b4252",
128
- "editorHoverWidget.border": "#3b4252",
129
- "editorLink.activeForeground": "#88c0d0",
130
- "editorMarkerNavigation.background": "#5e81acc0",
131
- "editorMarkerNavigationError.background": "#bf616ac0",
132
- "editorMarkerNavigationWarning.background": "#ebcb8bc0",
133
- "editorOverviewRuler.border": "#3b4252",
134
- "editorOverviewRuler.currentContentForeground": "#3b4252",
135
- "editorOverviewRuler.incomingContentForeground": "#3b4252",
136
- "editorOverviewRuler.findMatchForeground": "#88c0d066",
137
- "editorOverviewRuler.rangeHighlightForeground": "#88c0d066",
138
- "editorOverviewRuler.selectionHighlightForeground": "#88c0d066",
139
- "editorOverviewRuler.wordHighlightForeground": "#88c0d066",
140
- "editorOverviewRuler.wordHighlightStrongForeground": "#88c0d066",
141
- "editorOverviewRuler.modifiedForeground": "#ebcb8b",
142
- "editorOverviewRuler.addedForeground": "#a3be8c",
143
- "editorOverviewRuler.deletedForeground": "#bf616a",
144
- "editorOverviewRuler.errorForeground": "#bf616a",
145
- "editorOverviewRuler.warningForeground": "#ebcb8b",
146
- "editorOverviewRuler.infoForeground": "#81a1c1",
147
- "editorRuler.foreground": "#434c5e",
148
- "editorSuggestWidget.background": "#2e3440",
149
- "editorSuggestWidget.border": "#3b4252",
150
- "editorSuggestWidget.foreground": "#d8dee9",
151
- "editorSuggestWidget.focusHighlightForeground": "#88c0d0",
152
- "editorSuggestWidget.highlightForeground": "#88c0d0",
153
- "editorSuggestWidget.selectedBackground": "#434c5e",
154
- "editorSuggestWidget.selectedForeground": "#d8dee9",
155
- "extensionButton.prominentForeground": "#d8dee9",
156
- "extensionButton.prominentBackground": "#434c5e",
157
- "extensionButton.prominentHoverBackground": "#4c566a",
158
- "errorForeground": "#bf616a",
159
- "gitDecoration.modifiedResourceForeground": "#ebcb8b",
160
- "gitDecoration.deletedResourceForeground": "#bf616a",
161
- "gitDecoration.untrackedResourceForeground": "#a3be8c",
162
- "gitDecoration.ignoredResourceForeground": "#d8dee966",
163
- "gitDecoration.conflictingResourceForeground": "#5e81ac",
164
- "gitDecoration.submoduleResourceForeground": "#8fbcbb",
165
- "gitDecoration.stageDeletedResourceForeground": "#bf616a",
166
- "gitDecoration.stageModifiedResourceForeground": "#ebcb8b",
167
- "input.background": "#3b4252",
168
- "input.foreground": "#d8dee9",
169
- "input.placeholderForeground": "#d8dee999",
170
- "input.border": "#3b4252",
171
- "inputOption.activeBackground": "#5e81ac",
172
- "inputOption.activeBorder": "#5e81ac",
173
- "inputOption.activeForeground": "#eceff4",
174
- "inputValidation.errorBackground": "#bf616a",
175
- "inputValidation.errorBorder": "#bf616a",
176
- "inputValidation.infoBackground": "#81a1c1",
177
- "inputValidation.infoBorder": "#81a1c1",
178
- "inputValidation.warningBackground": "#d08770",
179
- "inputValidation.warningBorder": "#d08770",
180
- "keybindingLabel.background": "#4c566a",
181
- "keybindingLabel.border": "#4c566a",
182
- "keybindingLabel.bottomBorder": "#4c566a",
183
- "keybindingLabel.foreground": "#d8dee9",
184
- "list.activeSelectionBackground": "#88c0d0",
185
- "list.activeSelectionForeground": "#2e3440",
186
- "list.inactiveSelectionBackground": "#434c5e",
187
- "list.inactiveSelectionForeground": "#d8dee9",
188
- "list.inactiveFocusBackground": "#434c5ecc",
189
- "list.hoverForeground": "#eceff4",
190
- "list.focusForeground": "#d8dee9",
191
- "list.focusBackground": "#88c0d099",
192
- "list.focusHighlightForeground": "#eceff4",
193
- "list.hoverBackground": "#3b4252",
194
- "list.dropBackground": "#88c0d099",
195
- "list.highlightForeground": "#88c0d0",
196
- "list.errorForeground": "#bf616a",
197
- "list.warningForeground": "#ebcb8b",
198
- "merge.currentHeaderBackground": "#81a1c166",
199
- "merge.currentContentBackground": "#81a1c14d",
200
- "merge.incomingHeaderBackground": "#8fbcbb66",
201
- "merge.incomingContentBackground": "#8fbcbb4d",
202
- "merge.border": "#3b425200",
203
- "minimap.background": "#2e3440",
204
- "minimap.errorHighlight": "#bf616acc",
205
- "minimap.findMatchHighlight": "#88c0d0",
206
- "minimap.selectionHighlight": "#88c0d0cc",
207
- "minimap.warningHighlight": "#ebcb8bcc",
208
- "minimapGutter.addedBackground": "#a3be8c",
209
- "minimapGutter.deletedBackground": "#bf616a",
210
- "minimapGutter.modifiedBackground": "#ebcb8b",
211
- "minimapSlider.activeBackground": "#434c5eaa",
212
- "minimapSlider.background": "#434c5e99",
213
- "minimapSlider.hoverBackground": "#434c5eaa",
214
- "notification.background": "#3b4252",
215
- "notification.buttonBackground": "#434c5e",
216
- "notification.buttonForeground": "#d8dee9",
217
- "notification.buttonHoverBackground": "#4c566a",
218
- "notification.errorBackground": "#bf616a",
219
- "notification.errorForeground": "#2e3440",
220
- "notification.foreground": "#d8dee9",
221
- "notification.infoBackground": "#88c0d0",
222
- "notification.infoForeground": "#2e3440",
223
- "notification.warningBackground": "#ebcb8b",
224
- "notification.warningForeground": "#2e3440",
225
- "notificationCenter.border": "#3b425200",
226
- "notificationCenterHeader.background": "#2e3440",
227
- "notificationCenterHeader.foreground": "#88c0d0",
228
- "notificationLink.foreground": "#88c0d0",
229
- "notifications.background": "#3b4252",
230
- "notifications.border": "#2e3440",
231
- "notifications.foreground": "#d8dee9",
232
- "notificationToast.border": "#3b425200",
233
- "panel.background": "#2e3440",
234
- "panel.border": "#3b4252",
235
- "panelTitle.activeBorder": "#88c0d000",
236
- "panelTitle.activeForeground": "#88c0d0",
237
- "panelTitle.inactiveForeground": "#d8dee9",
238
- "peekView.border": "#4c566a",
239
- "peekViewEditor.background": "#2e3440",
240
- "peekViewEditorGutter.background": "#2e3440",
241
- "peekViewEditor.matchHighlightBackground": "#88c0d04d",
242
- "peekViewResult.background": "#2e3440",
243
- "peekViewResult.fileForeground": "#88c0d0",
244
- "peekViewResult.lineForeground": "#d8dee966",
245
- "peekViewResult.matchHighlightBackground": "#88c0d0cc",
246
- "peekViewResult.selectionBackground": "#434c5e",
247
- "peekViewResult.selectionForeground": "#d8dee9",
248
- "peekViewTitle.background": "#3b4252",
249
- "peekViewTitleDescription.foreground": "#d8dee9",
250
- "peekViewTitleLabel.foreground": "#88c0d0",
251
- "pickerGroup.border": "#3b4252",
252
- "pickerGroup.foreground": "#88c0d0",
253
- "progressBar.background": "#88c0d0",
254
- "quickInputList.focusBackground": "#88c0d0",
255
- "quickInputList.focusForeground": "#2e3440",
256
- "sash.hoverBorder": "#88c0d0",
257
- "scrollbar.shadow": "#00000066",
258
- "scrollbarSlider.activeBackground": "#434c5eaa",
259
- "scrollbarSlider.background": "#434c5e99",
260
- "scrollbarSlider.hoverBackground": "#434c5eaa",
261
- "selection.background": "#88c0d099",
262
- "sideBar.background": "#2e3440",
263
- "sideBar.foreground": "#d8dee9",
264
- "sideBar.border": "#3b4252",
265
- "sideBarSectionHeader.background": "#3b4252",
266
- "sideBarSectionHeader.foreground": "#d8dee9",
267
- "sideBarTitle.foreground": "#d8dee9",
268
- "statusBar.background": "#3b4252",
269
- "statusBar.debuggingBackground": "#5e81ac",
270
- "statusBar.debuggingForeground": "#d8dee9",
271
- "statusBar.noFolderForeground": "#d8dee9",
272
- "statusBar.noFolderBackground": "#3b4252",
273
- "statusBar.foreground": "#d8dee9",
274
- "statusBarItem.activeBackground": "#4c566a",
275
- "statusBarItem.hoverBackground": "#434c5e",
276
- "statusBarItem.prominentBackground": "#3b4252",
277
- "statusBarItem.prominentHoverBackground": "#434c5e",
278
- "statusBarItem.errorBackground": "#3b4252",
279
- "statusBarItem.errorForeground": "#bf616a",
280
- "statusBarItem.warningBackground": "#ebcb8b",
281
- "statusBarItem.warningForeground": "#2e3440",
282
- "statusBar.border": "#3b425200",
283
- "tab.activeBackground": "#3b4252",
284
- "tab.activeForeground": "#d8dee9",
285
- "tab.border": "#3b425200",
286
- "tab.activeBorder": "#88c0d000",
287
- "tab.unfocusedActiveBorder": "#88c0d000",
288
- "tab.inactiveBackground": "#2e3440",
289
- "tab.inactiveForeground": "#d8dee966",
290
- "tab.unfocusedActiveForeground": "#d8dee999",
291
- "tab.unfocusedInactiveForeground": "#d8dee966",
292
- "tab.hoverBackground": "#3b4252cc",
293
- "tab.unfocusedHoverBackground": "#3b4252b3",
294
- "tab.hoverBorder": "#88c0d000",
295
- "tab.unfocusedHoverBorder": "#88c0d000",
296
- "tab.activeBorderTop": "#88c0d000",
297
- "tab.unfocusedActiveBorderTop": "#88c0d000",
298
- "tab.lastPinnedBorder": "#4c566a",
299
- "terminal.background": "#2e3440",
300
- "terminal.foreground": "#d8dee9",
301
- "terminal.ansiBlack": "#3b4252",
302
- "terminal.ansiRed": "#bf616a",
303
- "terminal.ansiGreen": "#a3be8c",
304
- "terminal.ansiYellow": "#ebcb8b",
305
- "terminal.ansiBlue": "#81a1c1",
306
- "terminal.ansiMagenta": "#b48ead",
307
- "terminal.ansiCyan": "#88c0d0",
308
- "terminal.ansiWhite": "#e5e9f0",
309
- "terminal.ansiBrightBlack": "#4c566a",
310
- "terminal.ansiBrightRed": "#bf616a",
311
- "terminal.ansiBrightGreen": "#a3be8c",
312
- "terminal.ansiBrightYellow": "#ebcb8b",
313
- "terminal.ansiBrightBlue": "#81a1c1",
314
- "terminal.ansiBrightMagenta": "#b48ead",
315
- "terminal.ansiBrightCyan": "#8fbcbb",
316
- "terminal.ansiBrightWhite": "#eceff4",
317
- "terminal.tab.activeBorder": "#88c0d0",
318
- "textBlockQuote.background": "#3b4252",
319
- "textBlockQuote.border": "#81a1c1",
320
- "textCodeBlock.background": "#4c566a",
321
- "textLink.activeForeground": "#88c0d0",
322
- "textLink.foreground": "#88c0d0",
323
- "textPreformat.foreground": "#8fbcbb",
324
- "textSeparator.foreground": "#eceff4",
325
- "titleBar.activeBackground": "#2e3440",
326
- "titleBar.activeForeground": "#d8dee9",
327
- "titleBar.border": "#2e344000",
328
- "titleBar.inactiveBackground": "#2e3440",
329
- "titleBar.inactiveForeground": "#d8dee966",
330
- "tree.indentGuidesStroke": "#616e88",
331
- "walkThrough.embeddedEditorBackground": "#2e3440",
332
- "welcomePage.buttonBackground": "#434c5e",
333
- "welcomePage.buttonHoverBackground": "#4c566a",
334
- "widget.shadow": "#00000066"
335
- },
336
- "tokenColors": [{
337
- "settings": {
338
- "foreground": "#d8dee9ff",
339
- "background": "#2e3440ff"
340
- }
341
- }, {
342
- "scope": "emphasis",
343
- "settings": {
344
- "fontStyle": "italic"
345
- }
346
- }, {
347
- "scope": "strong",
348
- "settings": {
349
- "fontStyle": "bold"
350
- }
351
- }, {
352
- "name": "Comment",
353
- "scope": "comment",
354
- "settings": {
355
- "foreground": "#616E88"
356
- }
357
- }, {
358
- "name": "Constant Character",
359
- "scope": "constant.character",
360
- "settings": {
361
- "foreground": "#EBCB8B"
362
- }
363
- }, {
364
- "name": "Constant Character Escape",
365
- "scope": "constant.character.escape",
366
- "settings": {
367
- "foreground": "#EBCB8B"
368
- }
369
- }, {
370
- "name": "Constant Language",
371
- "scope": "constant.language",
372
- "settings": {
373
- "foreground": "#81A1C1"
374
- }
375
- }, {
376
- "name": "Constant Numeric",
377
- "scope": "constant.numeric",
378
- "settings": {
379
- "foreground": "#B48EAD"
380
- }
381
- }, {
382
- "name": "Constant Regexp",
383
- "scope": "constant.regexp",
384
- "settings": {
385
- "foreground": "#EBCB8B"
386
- }
387
- }, {
388
- "name": "Entity Name Class/Type",
389
- "scope": ["entity.name.class", "entity.name.type.class"],
390
- "settings": {
391
- "foreground": "#8FBCBB"
392
- }
393
- }, {
394
- "name": "Entity Name Function",
395
- "scope": "entity.name.function",
396
- "settings": {
397
- "foreground": "#88C0D0"
398
- }
399
- }, {
400
- "name": "Entity Name Tag",
401
- "scope": "entity.name.tag",
402
- "settings": {
403
- "foreground": "#81A1C1"
404
- }
405
- }, {
406
- "name": "Entity Other Attribute Name",
407
- "scope": "entity.other.attribute-name",
408
- "settings": {
409
- "foreground": "#8FBCBB"
410
- }
411
- }, {
412
- "name": "Entity Other Inherited Class",
413
- "scope": "entity.other.inherited-class",
414
- "settings": {
415
- "fontStyle": "bold",
416
- "foreground": "#8FBCBB"
417
- }
418
- }, {
419
- "name": "Invalid Deprecated",
420
- "scope": "invalid.deprecated",
421
- "settings": {
422
- "foreground": "#D8DEE9",
423
- "background": "#EBCB8B"
424
- }
425
- }, {
426
- "name": "Invalid Illegal",
427
- "scope": "invalid.illegal",
428
- "settings": {
429
- "foreground": "#D8DEE9",
430
- "background": "#BF616A"
431
- }
432
- }, {
433
- "name": "Keyword",
434
- "scope": "keyword",
435
- "settings": {
436
- "foreground": "#81A1C1"
437
- }
438
- }, {
439
- "name": "Keyword Operator",
440
- "scope": "keyword.operator",
441
- "settings": {
442
- "foreground": "#81A1C1"
443
- }
444
- }, {
445
- "name": "Keyword Other New",
446
- "scope": "keyword.other.new",
447
- "settings": {
448
- "foreground": "#81A1C1"
449
- }
450
- }, {
451
- "name": "Markup Bold",
452
- "scope": "markup.bold",
453
- "settings": {
454
- "fontStyle": "bold"
455
- }
456
- }, {
457
- "name": "Markup Changed",
458
- "scope": "markup.changed",
459
- "settings": {
460
- "foreground": "#EBCB8B"
461
- }
462
- }, {
463
- "name": "Markup Deleted",
464
- "scope": "markup.deleted",
465
- "settings": {
466
- "foreground": "#BF616A"
467
- }
468
- }, {
469
- "name": "Markup Inserted",
470
- "scope": "markup.inserted",
471
- "settings": {
472
- "foreground": "#A3BE8C"
473
- }
474
- }, {
475
- "name": "Meta Preprocessor",
476
- "scope": "meta.preprocessor",
477
- "settings": {
478
- "foreground": "#5E81AC"
479
- }
480
- }, {
481
- "name": "Punctuation",
482
- "scope": "punctuation",
483
- "settings": {
484
- "foreground": "#ECEFF4"
485
- }
486
- }, {
487
- "name": "Punctuation Definition Parameters",
488
- "scope": ["punctuation.definition.method-parameters", "punctuation.definition.function-parameters", "punctuation.definition.parameters"],
489
- "settings": {
490
- "foreground": "#ECEFF4"
491
- }
492
- }, {
493
- "name": "Punctuation Definition Tag",
494
- "scope": "punctuation.definition.tag",
495
- "settings": {
496
- "foreground": "#81A1C1"
497
- }
498
- }, {
499
- "name": "Punctuation Definition Comment",
500
- "scope": ["punctuation.definition.comment", "punctuation.end.definition.comment", "punctuation.start.definition.comment"],
501
- "settings": {
502
- "foreground": "#616E88"
503
- }
504
- }, {
505
- "name": "Punctuation Section",
506
- "scope": "punctuation.section",
507
- "settings": {
508
- "foreground": "#ECEFF4"
509
- }
510
- }, {
511
- "name": "Punctuation Section Embedded",
512
- "scope": ["punctuation.section.embedded.begin", "punctuation.section.embedded.end"],
513
- "settings": {
514
- "foreground": "#81A1C1"
515
- }
516
- }, {
517
- "name": "Punctuation Terminator",
518
- "scope": "punctuation.terminator",
519
- "settings": {
520
- "foreground": "#81A1C1"
521
- }
522
- }, {
523
- "name": "Punctuation Variable",
524
- "scope": "punctuation.definition.variable",
525
- "settings": {
526
- "foreground": "#81A1C1"
527
- }
528
- }, {
529
- "name": "Storage",
530
- "scope": "storage",
531
- "settings": {
532
- "foreground": "#81A1C1"
533
- }
534
- }, {
535
- "name": "String",
536
- "scope": "string",
537
- "settings": {
538
- "foreground": "#A3BE8C"
539
- }
540
- }, {
541
- "name": "String Regexp",
542
- "scope": "string.regexp",
543
- "settings": {
544
- "foreground": "#EBCB8B"
545
- }
546
- }, {
547
- "name": "Support Class",
548
- "scope": "support.class",
549
- "settings": {
550
- "foreground": "#8FBCBB"
551
- }
552
- }, {
553
- "name": "Support Constant",
554
- "scope": "support.constant",
555
- "settings": {
556
- "foreground": "#81A1C1"
557
- }
558
- }, {
559
- "name": "Support Function",
560
- "scope": "support.function",
561
- "settings": {
562
- "foreground": "#88C0D0"
563
- }
564
- }, {
565
- "name": "Support Function Construct",
566
- "scope": "support.function.construct",
567
- "settings": {
568
- "foreground": "#81A1C1"
569
- }
570
- }, {
571
- "name": "Support Type",
572
- "scope": "support.type",
573
- "settings": {
574
- "foreground": "#8FBCBB"
575
- }
576
- }, {
577
- "name": "Support Type Exception",
578
- "scope": "support.type.exception",
579
- "settings": {
580
- "foreground": "#8FBCBB"
581
- }
582
- }, {
583
- "name": "Token Debug",
584
- "scope": "token.debug-token",
585
- "settings": {
586
- "foreground": "#b48ead"
587
- }
588
- }, {
589
- "name": "Token Error",
590
- "scope": "token.error-token",
591
- "settings": {
592
- "foreground": "#bf616a"
593
- }
594
- }, {
595
- "name": "Token Info",
596
- "scope": "token.info-token",
597
- "settings": {
598
- "foreground": "#88c0d0"
599
- }
600
- }, {
601
- "name": "Token Warning",
602
- "scope": "token.warn-token",
603
- "settings": {
604
- "foreground": "#ebcb8b"
605
- }
606
- }, {
607
- "name": "Variable",
608
- "scope": "variable.other",
609
- "settings": {
610
- "foreground": "#D8DEE9"
611
- }
612
- }, {
613
- "name": "Variable Language",
614
- "scope": "variable.language",
615
- "settings": {
616
- "foreground": "#81A1C1"
617
- }
618
- }, {
619
- "name": "Variable Parameter",
620
- "scope": "variable.parameter",
621
- "settings": {
622
- "foreground": "#D8DEE9"
623
- }
624
- }, {
625
- "name": "[C/CPP] Punctuation Separator Pointer-Access",
626
- "scope": "punctuation.separator.pointer-access.c",
627
- "settings": {
628
- "foreground": "#81A1C1"
629
- }
630
- }, {
631
- "name": "[C/CPP] Meta Preprocessor Include",
632
- "scope": ["source.c meta.preprocessor.include", "source.c string.quoted.other.lt-gt.include"],
633
- "settings": {
634
- "foreground": "#8FBCBB"
635
- }
636
- }, {
637
- "name": "[C/CPP] Conditional Directive",
638
- "scope": ["source.cpp keyword.control.directive.conditional", "source.cpp punctuation.definition.directive", "source.c keyword.control.directive.conditional", "source.c punctuation.definition.directive"],
639
- "settings": {
640
- "foreground": "#5E81AC",
641
- "fontStyle": "bold"
642
- }
643
- }, {
644
- "name": "[CSS] Constant Other Color RGB Value",
645
- "scope": "source.css constant.other.color.rgb-value",
646
- "settings": {
647
- "foreground": "#B48EAD"
648
- }
649
- }, {
650
- "name": "[CSS](Function) Meta Property-Value",
651
- "scope": "source.css meta.property-value",
652
- "settings": {
653
- "foreground": "#88C0D0"
654
- }
655
- }, {
656
- "name": "[CSS] Media Queries",
657
- "scope": ["source.css keyword.control.at-rule.media", "source.css keyword.control.at-rule.media punctuation.definition.keyword"],
658
- "settings": {
659
- "foreground": "#D08770"
660
- }
661
- }, {
662
- "name": "[CSS] Punctuation Definition Keyword",
663
- "scope": "source.css punctuation.definition.keyword",
664
- "settings": {
665
- "foreground": "#81A1C1"
666
- }
667
- }, {
668
- "name": "[CSS] Support Type Property Name",
669
- "scope": "source.css support.type.property-name",
670
- "settings": {
671
- "foreground": "#D8DEE9"
672
- }
673
- }, {
674
- "name": "[diff] Meta Range Context",
675
- "scope": "source.diff meta.diff.range.context",
676
- "settings": {
677
- "foreground": "#8FBCBB"
678
- }
679
- }, {
680
- "name": "[diff] Meta Header From-File",
681
- "scope": "source.diff meta.diff.header.from-file",
682
- "settings": {
683
- "foreground": "#8FBCBB"
684
- }
685
- }, {
686
- "name": "[diff] Punctuation Definition From-File",
687
- "scope": "source.diff punctuation.definition.from-file",
688
- "settings": {
689
- "foreground": "#8FBCBB"
690
- }
691
- }, {
692
- "name": "[diff] Punctuation Definition Range",
693
- "scope": "source.diff punctuation.definition.range",
694
- "settings": {
695
- "foreground": "#8FBCBB"
696
- }
697
- }, {
698
- "name": "[diff] Punctuation Definition Separator",
699
- "scope": "source.diff punctuation.definition.separator",
700
- "settings": {
701
- "foreground": "#81A1C1"
702
- }
703
- }, {
704
- "name": "[Elixir](JakeBecker.elixir-ls) module names",
705
- "scope": "entity.name.type.module.elixir",
706
- "settings": {
707
- "foreground": "#8FBCBB"
708
- }
709
- }, {
710
- "name": "[Elixir](JakeBecker.elixir-ls) module attributes",
711
- "scope": "variable.other.readwrite.module.elixir",
712
- "settings": {
713
- "foreground": "#D8DEE9",
714
- "fontStyle": "bold"
715
- }
716
- }, {
717
- "name": "[Elixir](JakeBecker.elixir-ls) atoms",
718
- "scope": "constant.other.symbol.elixir",
719
- "settings": {
720
- "foreground": "#D8DEE9",
721
- "fontStyle": "bold"
722
- }
723
- }, {
724
- "name": "[Elixir](JakeBecker.elixir-ls) modules",
725
- "scope": "variable.other.constant.elixir",
726
- "settings": {
727
- "foreground": "#8FBCBB"
728
- }
729
- }, {
730
- "name": "[Go] String Format Placeholder",
731
- "scope": "source.go constant.other.placeholder.go",
732
- "settings": {
733
- "foreground": "#EBCB8B"
734
- }
735
- }, {
736
- "name": "[Java](JavaDoc) Comment Block Documentation HTML Entities",
737
- "scope": "source.java comment.block.documentation.javadoc punctuation.definition.entity.html",
738
- "settings": {
739
- "foreground": "#81A1C1"
740
- }
741
- }, {
742
- "name": "[Java](JavaDoc) Constant Other",
743
- "scope": "source.java constant.other",
744
- "settings": {
745
- "foreground": "#D8DEE9"
746
- }
747
- }, {
748
- "name": "[Java](JavaDoc) Keyword Other Documentation",
749
- "scope": "source.java keyword.other.documentation",
750
- "settings": {
751
- "foreground": "#8FBCBB"
752
- }
753
- }, {
754
- "name": "[Java](JavaDoc) Keyword Other Documentation Author",
755
- "scope": "source.java keyword.other.documentation.author.javadoc",
756
- "settings": {
757
- "foreground": "#8FBCBB"
758
- }
759
- }, {
760
- "name": "[Java](JavaDoc) Keyword Other Documentation Directive/Custom",
761
- "scope": ["source.java keyword.other.documentation.directive", "source.java keyword.other.documentation.custom"],
762
- "settings": {
763
- "foreground": "#8FBCBB"
764
- }
765
- }, {
766
- "name": "[Java](JavaDoc) Keyword Other Documentation See",
767
- "scope": "source.java keyword.other.documentation.see.javadoc",
768
- "settings": {
769
- "foreground": "#8FBCBB"
770
- }
771
- }, {
772
- "name": "[Java] Meta Method-Call",
773
- "scope": "source.java meta.method-call meta.method",
774
- "settings": {
775
- "foreground": "#88C0D0"
776
- }
777
- }, {
778
- "name": "[Java](JavaDoc) Meta Tag Template Link",
779
- "scope": ["source.java meta.tag.template.link.javadoc", "source.java string.other.link.title.javadoc"],
780
- "settings": {
781
- "foreground": "#8FBCBB"
782
- }
783
- }, {
784
- "name": "[Java](JavaDoc) Meta Tag Template Value",
785
- "scope": "source.java meta.tag.template.value.javadoc",
786
- "settings": {
787
- "foreground": "#88C0D0"
788
- }
789
- }, {
790
- "name": "[Java](JavaDoc) Punctuation Definition Keyword",
791
- "scope": "source.java punctuation.definition.keyword.javadoc",
792
- "settings": {
793
- "foreground": "#8FBCBB"
794
- }
795
- }, {
796
- "name": "[Java](JavaDoc) Punctuation Definition Tag",
797
- "scope": ["source.java punctuation.definition.tag.begin.javadoc", "source.java punctuation.definition.tag.end.javadoc"],
798
- "settings": {
799
- "foreground": "#616E88"
800
- }
801
- }, {
802
- "name": "[Java] Storage Modifier Import",
803
- "scope": "source.java storage.modifier.import",
804
- "settings": {
805
- "foreground": "#8FBCBB"
806
- }
807
- }, {
808
- "name": "[Java] Storage Modifier Package",
809
- "scope": "source.java storage.modifier.package",
810
- "settings": {
811
- "foreground": "#8FBCBB"
812
- }
813
- }, {
814
- "name": "[Java] Storage Type",
815
- "scope": "source.java storage.type",
816
- "settings": {
817
- "foreground": "#8FBCBB"
818
- }
819
- }, {
820
- "name": "[Java] Storage Type Annotation",
821
- "scope": "source.java storage.type.annotation",
822
- "settings": {
823
- "foreground": "#D08770"
824
- }
825
- }, {
826
- "name": "[Java] Storage Type Generic",
827
- "scope": "source.java storage.type.generic",
828
- "settings": {
829
- "foreground": "#8FBCBB"
830
- }
831
- }, {
832
- "name": "[Java] Storage Type Primitive",
833
- "scope": "source.java storage.type.primitive",
834
- "settings": {
835
- "foreground": "#81A1C1"
836
- }
837
- }, {
838
- "name": "[JavaScript] Decorator",
839
- "scope": ["source.js punctuation.decorator", "source.js meta.decorator variable.other.readwrite", "source.js meta.decorator entity.name.function"],
840
- "settings": {
841
- "foreground": "#D08770"
842
- }
843
- }, {
844
- "name": "[JavaScript] Meta Object-Literal Key",
845
- "scope": "source.js meta.object-literal.key",
846
- "settings": {
847
- "foreground": "#88C0D0"
848
- }
849
- }, {
850
- "name": "[JavaScript](JSDoc) Storage Type Class",
851
- "scope": "source.js storage.type.class.jsdoc",
852
- "settings": {
853
- "foreground": "#8FBCBB"
854
- }
855
- }, {
856
- "name": "[JavaScript] String Template Literals Punctuation",
857
- "scope": ["source.js string.quoted.template punctuation.quasi.element.begin", "source.js string.quoted.template punctuation.quasi.element.end", "source.js string.template punctuation.definition.template-expression"],
858
- "settings": {
859
- "foreground": "#81A1C1"
860
- }
861
- }, {
862
- "name": "[JavaScript] Interpolated String Template Punctuation Functions",
863
- "scope": "source.js string.quoted.template meta.method-call.with-arguments",
864
- "settings": {
865
- "foreground": "#ECEFF4"
866
- }
867
- }, {
868
- "name": "[JavaScript] String Template Literal Variable",
869
- "scope": ["source.js string.template meta.template.expression support.variable.property", "source.js string.template meta.template.expression variable.other.object"],
870
- "settings": {
871
- "foreground": "#D8DEE9"
872
- }
873
- }, {
874
- "name": "[JavaScript] Support Type Primitive",
875
- "scope": "source.js support.type.primitive",
876
- "settings": {
877
- "foreground": "#81A1C1"
878
- }
879
- }, {
880
- "name": "[JavaScript] Variable Other Object",
881
- "scope": "source.js variable.other.object",
882
- "settings": {
883
- "foreground": "#D8DEE9"
884
- }
885
- }, {
886
- "name": "[JavaScript] Variable Other Read-Write Alias",
887
- "scope": "source.js variable.other.readwrite.alias",
888
- "settings": {
889
- "foreground": "#8FBCBB"
890
- }
891
- }, {
892
- "name": "[JavaScript] Parentheses in Template Strings",
893
- "scope": ["source.js meta.embedded.line meta.brace.square", "source.js meta.embedded.line meta.brace.round", "source.js string.quoted.template meta.brace.square", "source.js string.quoted.template meta.brace.round"],
894
- "settings": {
895
- "foreground": "#ECEFF4"
896
- }
897
- }, {
898
- "name": "[HTML] Constant Character Entity",
899
- "scope": "text.html.basic constant.character.entity.html",
900
- "settings": {
901
- "foreground": "#EBCB8B"
902
- }
903
- }, {
904
- "name": "[HTML] Constant Other Inline-Data",
905
- "scope": "text.html.basic constant.other.inline-data",
906
- "settings": {
907
- "foreground": "#D08770",
908
- "fontStyle": "italic"
909
- }
910
- }, {
911
- "name": "[HTML] Meta Tag SGML Doctype",
912
- "scope": "text.html.basic meta.tag.sgml.doctype",
913
- "settings": {
914
- "foreground": "#5E81AC"
915
- }
916
- }, {
917
- "name": "[HTML] Punctuation Definition Entity",
918
- "scope": "text.html.basic punctuation.definition.entity",
919
- "settings": {
920
- "foreground": "#81A1C1"
921
- }
922
- }, {
923
- "name": "[INI] Entity Name Section Group-Title",
924
- "scope": "source.properties entity.name.section.group-title.ini",
925
- "settings": {
926
- "foreground": "#88C0D0"
927
- }
928
- }, {
929
- "name": "[INI] Punctuation Separator Key-Value",
930
- "scope": "source.properties punctuation.separator.key-value.ini",
931
- "settings": {
932
- "foreground": "#81A1C1"
933
- }
934
- }, {
935
- "name": "[Markdown] Markup Fenced Code Block",
936
- "scope": ["text.html.markdown markup.fenced_code.block", "text.html.markdown markup.fenced_code.block punctuation.definition"],
937
- "settings": {
938
- "foreground": "#8FBCBB"
939
- }
940
- }, {
941
- "name": "[Markdown] Markup Heading",
942
- "scope": "markup.heading",
943
- "settings": {
944
- "foreground": "#88C0D0"
945
- }
946
- }, {
947
- "name": "[Markdown] Markup Inline",
948
- "scope": ["text.html.markdown markup.inline.raw", "text.html.markdown markup.inline.raw punctuation.definition.raw"],
949
- "settings": {
950
- "foreground": "#8FBCBB"
951
- }
952
- }, {
953
- "name": "[Markdown] Markup Italic",
954
- "scope": "text.html.markdown markup.italic",
955
- "settings": {
956
- "fontStyle": "italic"
957
- }
958
- }, {
959
- "name": "[Markdown] Markup Link",
960
- "scope": "text.html.markdown markup.underline.link",
961
- "settings": {
962
- "fontStyle": "underline"
963
- }
964
- }, {
965
- "name": "[Markdown] Markup List Numbered/Unnumbered",
966
- "scope": "text.html.markdown beginning.punctuation.definition.list",
967
- "settings": {
968
- "foreground": "#81A1C1"
969
- }
970
- }, {
971
- "name": "[Markdown] Markup Quote Punctuation Definition",
972
- "scope": "text.html.markdown beginning.punctuation.definition.quote",
973
- "settings": {
974
- "foreground": "#8FBCBB"
975
- }
976
- }, {
977
- "name": "[Markdown] Markup Quote Punctuation Definition",
978
- "scope": "text.html.markdown markup.quote",
979
- "settings": {
980
- "foreground": "#616E88"
981
- }
982
- }, {
983
- "name": "[Markdown] Markup Math Constant",
984
- "scope": "text.html.markdown constant.character.math.tex",
985
- "settings": {
986
- "foreground": "#81A1C1"
987
- }
988
- }, {
989
- "name": "[Markdown] Markup Math Definition Marker",
990
- "scope": ["text.html.markdown punctuation.definition.math.begin", "text.html.markdown punctuation.definition.math.end"],
991
- "settings": {
992
- "foreground": "#5E81AC"
993
- }
994
- }, {
995
- "name": "[Markdown] Markup Math Function Definition Marker",
996
- "scope": "text.html.markdown punctuation.definition.function.math.tex",
997
- "settings": {
998
- "foreground": "#88C0D0"
999
- }
1000
- }, {
1001
- "name": "[Markdown] Markup Math Operator",
1002
- "scope": "text.html.markdown punctuation.math.operator.latex",
1003
- "settings": {
1004
- "foreground": "#81A1C1"
1005
- }
1006
- }, {
1007
- "name": "[Markdown] Punctuation Definition Heading",
1008
- "scope": "text.html.markdown punctuation.definition.heading",
1009
- "settings": {
1010
- "foreground": "#81A1C1"
1011
- }
1012
- }, {
1013
- "name": "[Markdown] Punctuation Definition Constant/String",
1014
- "scope": ["text.html.markdown punctuation.definition.constant", "text.html.markdown punctuation.definition.string"],
1015
- "settings": {
1016
- "foreground": "#81A1C1"
1017
- }
1018
- }, {
1019
- "name": "[Markdown] String Other Link Description/Title",
1020
- "scope": ["text.html.markdown constant.other.reference.link", "text.html.markdown string.other.link.description", "text.html.markdown string.other.link.title"],
1021
- "settings": {
1022
- "foreground": "#88C0D0"
1023
- }
1024
- }, {
1025
- "name": "[Perl] Perl Sigils",
1026
- "scope": "source.perl punctuation.definition.variable",
1027
- "settings": {
1028
- "foreground": "#D8DEE9"
1029
- }
1030
- }, {
1031
- "name": "[PHP] Meta Function-Call Object",
1032
- "scope": ["source.php meta.function-call", "source.php meta.function-call.object"],
1033
- "settings": {
1034
- "foreground": "#88C0D0"
1035
- }
1036
- }, {
1037
- "name": "[Python] Decorator",
1038
- "scope": ["source.python entity.name.function.decorator", "source.python meta.function.decorator support.type"],
1039
- "settings": {
1040
- "foreground": "#D08770"
1041
- }
1042
- }, {
1043
- "name": "[Python] Function Call",
1044
- "scope": "source.python meta.function-call.generic",
1045
- "settings": {
1046
- "foreground": "#88C0D0"
1047
- }
1048
- }, {
1049
- "name": "[Python] Support Type",
1050
- "scope": "source.python support.type",
1051
- "settings": {
1052
- "foreground": "#88C0D0"
1053
- }
1054
- }, {
1055
- "name": "[Python] Function Parameter",
1056
- "scope": ["source.python variable.parameter.function.language"],
1057
- "settings": {
1058
- "foreground": "#D8DEE9"
1059
- }
1060
- }, {
1061
- "name": "[Python] Function Parameter Special",
1062
- "scope": ["source.python meta.function.parameters variable.parameter.function.language.special.self"],
1063
- "settings": {
1064
- "foreground": "#81A1C1"
1065
- }
1066
- }, {
1067
- "name": "[Rust] Entity types",
1068
- "scope": "source.rust entity.name.type",
1069
- "settings": {
1070
- "foreground": "#8FBCBB"
1071
- }
1072
- }, {
1073
- "name": "[Rust] Macro",
1074
- "scope": "source.rust meta.macro entity.name.function",
1075
- "settings": {
1076
- "fontStyle": "bold",
1077
- "foreground": "#88C0D0"
1078
- }
1079
- }, {
1080
- "name": "[Rust] Attributes",
1081
- "scope": ["source.rust meta.attribute", "source.rust meta.attribute punctuation", "source.rust meta.attribute keyword.operator"],
1082
- "settings": {
1083
- "foreground": "#5E81AC"
1084
- }
1085
- }, {
1086
- "name": "[Rust] Traits",
1087
- "scope": "source.rust entity.name.type.trait",
1088
- "settings": {
1089
- "fontStyle": "bold"
1090
- }
1091
- }, {
1092
- "name": "[Rust] Interpolation Bracket Curly",
1093
- "scope": "source.rust punctuation.definition.interpolation",
1094
- "settings": {
1095
- "foreground": "#EBCB8B"
1096
- }
1097
- }, {
1098
- "name": "[SCSS] Punctuation Definition Interpolation Bracket Curly",
1099
- "scope": ["source.css.scss punctuation.definition.interpolation.begin.bracket.curly", "source.css.scss punctuation.definition.interpolation.end.bracket.curly"],
1100
- "settings": {
1101
- "foreground": "#81A1C1"
1102
- }
1103
- }, {
1104
- "name": "[SCSS] Variable Interpolation",
1105
- "scope": "source.css.scss variable.interpolation",
1106
- "settings": {
1107
- "foreground": "#D8DEE9",
1108
- "fontStyle": "italic"
1109
- }
1110
- }, {
1111
- "name": "[TypeScript] Decorators",
1112
- "scope": ["source.ts punctuation.decorator", "source.ts meta.decorator variable.other.readwrite", "source.ts meta.decorator entity.name.function", "source.tsx punctuation.decorator", "source.tsx meta.decorator variable.other.readwrite", "source.tsx meta.decorator entity.name.function"],
1113
- "settings": {
1114
- "foreground": "#D08770"
1115
- }
1116
- }, {
1117
- "name": "[TypeScript] Object-literal keys",
1118
- "scope": ["source.ts meta.object-literal.key", "source.tsx meta.object-literal.key"],
1119
- "settings": {
1120
- "foreground": "#D8DEE9"
1121
- }
1122
- }, {
1123
- "name": "[TypeScript] Object-literal functions",
1124
- "scope": ["source.ts meta.object-literal.key entity.name.function", "source.tsx meta.object-literal.key entity.name.function"],
1125
- "settings": {
1126
- "foreground": "#88C0D0"
1127
- }
1128
- }, {
1129
- "name": "[TypeScript] Type/Class",
1130
- "scope": ["source.ts support.class", "source.ts support.type", "source.ts entity.name.type", "source.ts entity.name.class", "source.tsx support.class", "source.tsx support.type", "source.tsx entity.name.type", "source.tsx entity.name.class"],
1131
- "settings": {
1132
- "foreground": "#8FBCBB"
1133
- }
1134
- }, {
1135
- "name": "[TypeScript] Static Class Support",
1136
- "scope": ["source.ts support.constant.math", "source.ts support.constant.dom", "source.ts support.constant.json", "source.tsx support.constant.math", "source.tsx support.constant.dom", "source.tsx support.constant.json"],
1137
- "settings": {
1138
- "foreground": "#8FBCBB"
1139
- }
1140
- }, {
1141
- "name": "[TypeScript] Variables",
1142
- "scope": ["source.ts support.variable", "source.tsx support.variable"],
1143
- "settings": {
1144
- "foreground": "#D8DEE9"
1145
- }
1146
- }, {
1147
- "name": "[TypeScript] Parentheses in Template Strings",
1148
- "scope": ["source.ts meta.embedded.line meta.brace.square", "source.ts meta.embedded.line meta.brace.round", "source.tsx meta.embedded.line meta.brace.square", "source.tsx meta.embedded.line meta.brace.round"],
1149
- "settings": {
1150
- "foreground": "#ECEFF4"
1151
- }
1152
- }, {
1153
- "name": "[XML] Entity Name Tag Namespace",
1154
- "scope": "text.xml entity.name.tag.namespace",
1155
- "settings": {
1156
- "foreground": "#8FBCBB"
1157
- }
1158
- }, {
1159
- "name": "[XML] Keyword Other Doctype",
1160
- "scope": "text.xml keyword.other.doctype",
1161
- "settings": {
1162
- "foreground": "#5E81AC"
1163
- }
1164
- }, {
1165
- "name": "[XML] Meta Tag Preprocessor",
1166
- "scope": "text.xml meta.tag.preprocessor entity.name.tag",
1167
- "settings": {
1168
- "foreground": "#5E81AC"
1169
- }
1170
- }, {
1171
- "name": "[XML] Entity Name Tag Namespace",
1172
- "scope": ["text.xml string.unquoted.cdata", "text.xml string.unquoted.cdata punctuation.definition.string"],
1173
- "settings": {
1174
- "foreground": "#D08770",
1175
- "fontStyle": "italic"
1176
- }
1177
- }, {
1178
- "name": "[YAML] Entity Name Tag",
1179
- "scope": "source.yaml entity.name.tag",
1180
- "settings": {
1181
- "foreground": "#8FBCBB"
1182
- }
1183
- }]
1184
- },
1185
- "autoImport": true,
1186
- "showCopyButton": true,
1187
- "skipLanguages": [],
1188
- "filepath": "/Users/bytedance/github/targeral/modern-dev/website/module-tools/docs/zh/guide/intro/getting-started.md"
1189
- };
1190
- const frontmatter = {
1191
- "sidebar_position": 3
1192
- };
1193
- const toc = [{
1194
- "id": "三分钟快速上手",
1195
- "text": "三分钟快速上手",
1196
- "depth": 2
1197
- }, {
1198
- "id": "让我们开始吧",
1199
- "text": "让我们开始吧",
1200
- "depth": 2
1201
- }];
1202
- const title = `快速开始`;
1203
- const content = "\"---\\nsidebar_position: 3\\n---\\n\\n# 快速开始\\n\\n## 三分钟快速上手\\n\\n想要实际体验 Module Tools?首先需要安装 [Node.js LTS](https://github.com/nodejs/Release),并确保 Node 版本大于等于 **14.18.0**。我们推荐使用 Node.js 16 的 LTS 版本。\\n\\n然后在你的项目里安装以下依赖:\\n\\n- `\\\"@modern-js/module-tools\\\"`\\n- `\\\"typescript\\\"`(如果不是 TypeScript 项目,则省略)\\n\\n```bash\\nnpm install -D @modern-js/module-tools typescript\\n```\\n\\n> 对于使用 pnpm 或者 Yarn 包管理器的项目,只需要替换 npm 就可以了。**推荐使用 pnpm**。\\n\\n接着在项目的根目录下创建 `modern.config.(t|j)s` 文件:\\n\\n``` ts\\nimport moduleTools, { defineConfig } from '@modern-js/module-tools';\\n\\nexport default defineConfig({\\n plugins: [moduleTools()],\\n})\\n```\\n\\n最后在项目的 `package.json` 文件里增加命令 `\\\"build\\\": \\\"modern build\\\"`:\\n\\n```json\\n{\\n \\\"scripts\\\": {\\n \\\"build\\\": \\\"modern build\\\"\\n }\\n}\\n```\\n\\n如果你的项目存在 `src/index.(js|jsx)` 文件或者同时存在 `src/index.(ts|tsx)` 和 `tsconfig.json` 文件,那么恭喜你可以运行直接运行 `npm run build` 来使用 Module Tools 构建你的项目了。\\n\\n**如果你想要看看使用了模块工程方案的完整项目,可以执行以下命令**:\\n\\n```bash\\ngit clone https://github.com/modern-js-dev/module-tools-examples\\ncd module-tools-example/base\\n\\n## 执行构建:\\npnpm build\\n\\n## 监听模式执行构建:\\npnpm build --watch\\n\\n## 启动 Storybook\\npnpm dev storybook\\n\\n## 测试\\npnpm test\\n```\\n\\n**如果你想要创建一个完整的模块工程项目,可以执行以下命令:**\\n\\n```bash\\nnpx @modern-js/create your-project-dir-name\\n```\\n\\n接着在问题交互中,按照如下选择:\\n\\n```bash\\n? 请选择你想创建的工程类型 模块\\n? 请填写项目名称 library\\n? 请选择开发语言 TS\\n? 请选择包管理工具 pnpm\\n```\\n\\n> 项目名称为 `package.json` 中的 `\\\"name\\\"` 字段值。\\n\\n接着就会开始初始化项目的流程。在项目目录和文件生成以及依赖安装完毕后,此时就创建了一个完整的模块工程项目。\\n\\n我们可以直接执行 `pnpm build` 命令启动项目的构建,执行 `pnpm build --watch` 命令开启构建的观察模式。\\n\\n## 让我们开始吧\\n\\n选择适合你的教程:\\n\\n- 我是初学者,需要学习 Module Tools 的[基础使用](/guide/basic/before-getting-started)。\\n- 我已经初步掌握了 Module Tools 的使用,可以学习 Module Tools 的[高级使用](/guide/basic/before-getting-started)。\\n- 我是项目的维护者,需要学习如何开发 Module Tools 的插件以及了解更多关于 Module Tools 进阶的内容。\\n\"";
1204
- function _createMdxContent(props) {
1205
- const _components = Object.assign({
1206
- h1: "h1",
1207
- a: "a",
1208
- h2: "h2",
1209
- p: "p",
1210
- strong: "strong",
1211
- ul: "ul",
1212
- li: "li",
1213
- code: "code",
1214
- blockquote: "blockquote"
1215
- }, props.components);
1216
- if (!CH) _missingMdxReference("CH", false, "16:1-18:4");
1217
- if (!CH.Code) _missingMdxReference("CH.Code", true, "16:1-18:4");
1218
- return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment, {
1219
- children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.h1, {
1220
- id: "快速开始",
1221
- children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.a, {
1222
- className: "header-anchor",
1223
- "aria-hidden": "true",
1224
- href: "#快速开始",
1225
- children: "#"
1226
- }), "快速开始"]
1227
- }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.h2, {
1228
- id: "三分钟快速上手",
1229
- children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.a, {
1230
- className: "header-anchor",
1231
- "aria-hidden": "true",
1232
- href: "#三分钟快速上手",
1233
- children: "#"
1234
- }), "三分钟快速上手"]
1235
- }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.p, {
1236
- children: ["想要实际体验 Module Tools?首先需要安装 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.a, {
1237
- href: "https://github.com/nodejs/Release",
1238
- target: "_blank",
1239
- rel: "nofollow",
1240
- children: "Node.js LTS"
1241
- }), ",并确保 Node 版本大于等于 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.strong, {
1242
- children: "14.18.0"
1243
- }), "。我们推荐使用 Node.js 16 的 LTS 版本。"]
1244
- }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.p, {
1245
- children: "然后在你的项目里安装以下依赖:"
1246
- }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.ul, {
1247
- children: ["\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.li, {
1248
- children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
1249
- children: "\"@modern-js/module-tools\""
1250
- })
1251
- }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.li, {
1252
- children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
1253
- children: "\"typescript\""
1254
- }), "(如果不是 TypeScript 项目,则省略)"]
1255
- }), "\n"]
1256
- }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(CH.Code, {
1257
- codeConfig: chCodeConfig,
1258
- northPanel: {
1259
- "tabs": [""],
1260
- "active": "",
1261
- "heightRatio": 1
1262
- },
1263
- files: [{
1264
- "name": "",
1265
- "focus": "",
1266
- "code": {
1267
- "lines": [{
1268
- "tokens": [{
1269
- "content": "npm install -D @modern-js/module-tools typescript",
1270
- "props": {
1271
- "style": {
1272
- "color": "#D8DEE9FF"
1273
- }
1274
- }
1275
- }]
1276
- }],
1277
- "lang": "bash"
1278
- },
1279
- "annotations": []
1280
- }]
1281
- }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.blockquote, {
1282
- children: ["\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.p, {
1283
- children: ["对于使用 pnpm 或者 Yarn 包管理器的项目,只需要替换 npm 就可以了。", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.strong, {
1284
- children: "推荐使用 pnpm"
1285
- }), "。"]
1286
- }), "\n"]
1287
- }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.p, {
1288
- children: ["接着在项目的根目录下创建 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
1289
- children: "modern.config.(t|j)s"
1290
- }), " 文件:"]
1291
- }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(CH.Code, {
1292
- codeConfig: chCodeConfig,
1293
- northPanel: {
1294
- "tabs": [""],
1295
- "active": "",
1296
- "heightRatio": 1
1297
- },
1298
- files: [{
1299
- "name": "",
1300
- "focus": "",
1301
- "code": {
1302
- "lines": [{
1303
- "tokens": [{
1304
- "content": "import",
1305
- "props": {
1306
- "style": {
1307
- "color": "#81A1C1"
1308
- }
1309
- }
1310
- }, {
1311
- "content": " ",
1312
- "props": {
1313
- "style": {
1314
- "color": "#D8DEE9FF"
1315
- }
1316
- }
1317
- }, {
1318
- "content": "moduleTools",
1319
- "props": {
1320
- "style": {
1321
- "color": "#D8DEE9"
1322
- }
1323
- }
1324
- }, {
1325
- "content": ",",
1326
- "props": {
1327
- "style": {
1328
- "color": "#ECEFF4"
1329
- }
1330
- }
1331
- }, {
1332
- "content": " ",
1333
- "props": {
1334
- "style": {
1335
- "color": "#D8DEE9FF"
1336
- }
1337
- }
1338
- }, {
1339
- "content": "{",
1340
- "props": {
1341
- "style": {
1342
- "color": "#ECEFF4"
1343
- }
1344
- }
1345
- }, {
1346
- "content": " ",
1347
- "props": {
1348
- "style": {
1349
- "color": "#D8DEE9FF"
1350
- }
1351
- }
1352
- }, {
1353
- "content": "defineConfig",
1354
- "props": {
1355
- "style": {
1356
- "color": "#D8DEE9"
1357
- }
1358
- }
1359
- }, {
1360
- "content": " ",
1361
- "props": {
1362
- "style": {
1363
- "color": "#D8DEE9FF"
1364
- }
1365
- }
1366
- }, {
1367
- "content": "}",
1368
- "props": {
1369
- "style": {
1370
- "color": "#ECEFF4"
1371
- }
1372
- }
1373
- }, {
1374
- "content": " ",
1375
- "props": {
1376
- "style": {
1377
- "color": "#D8DEE9FF"
1378
- }
1379
- }
1380
- }, {
1381
- "content": "from",
1382
- "props": {
1383
- "style": {
1384
- "color": "#81A1C1"
1385
- }
1386
- }
1387
- }, {
1388
- "content": " ",
1389
- "props": {
1390
- "style": {
1391
- "color": "#D8DEE9FF"
1392
- }
1393
- }
1394
- }, {
1395
- "content": "'",
1396
- "props": {
1397
- "style": {
1398
- "color": "#ECEFF4"
1399
- }
1400
- }
1401
- }, {
1402
- "content": "@modern-js/module-tools",
1403
- "props": {
1404
- "style": {
1405
- "color": "#A3BE8C"
1406
- }
1407
- }
1408
- }, {
1409
- "content": "'",
1410
- "props": {
1411
- "style": {
1412
- "color": "#ECEFF4"
1413
- }
1414
- }
1415
- }, {
1416
- "content": ";",
1417
- "props": {
1418
- "style": {
1419
- "color": "#81A1C1"
1420
- }
1421
- }
1422
- }]
1423
- }, {
1424
- "tokens": []
1425
- }, {
1426
- "tokens": [{
1427
- "content": "export",
1428
- "props": {
1429
- "style": {
1430
- "color": "#81A1C1"
1431
- }
1432
- }
1433
- }, {
1434
- "content": " ",
1435
- "props": {
1436
- "style": {
1437
- "color": "#D8DEE9FF"
1438
- }
1439
- }
1440
- }, {
1441
- "content": "default",
1442
- "props": {
1443
- "style": {
1444
- "color": "#81A1C1"
1445
- }
1446
- }
1447
- }, {
1448
- "content": " ",
1449
- "props": {
1450
- "style": {
1451
- "color": "#D8DEE9FF"
1452
- }
1453
- }
1454
- }, {
1455
- "content": "defineConfig",
1456
- "props": {
1457
- "style": {
1458
- "color": "#88C0D0"
1459
- }
1460
- }
1461
- }, {
1462
- "content": "(",
1463
- "props": {
1464
- "style": {
1465
- "color": "#D8DEE9FF"
1466
- }
1467
- }
1468
- }, {
1469
- "content": "{",
1470
- "props": {
1471
- "style": {
1472
- "color": "#ECEFF4"
1473
- }
1474
- }
1475
- }]
1476
- }, {
1477
- "tokens": [{
1478
- "content": " ",
1479
- "props": {
1480
- "style": {
1481
- "color": "#D8DEE9FF"
1482
- }
1483
- }
1484
- }, {
1485
- "content": "plugins",
1486
- "props": {
1487
- "style": {
1488
- "color": "#D8DEE9"
1489
- }
1490
- }
1491
- }, {
1492
- "content": ":",
1493
- "props": {
1494
- "style": {
1495
- "color": "#ECEFF4"
1496
- }
1497
- }
1498
- }, {
1499
- "content": " [",
1500
- "props": {
1501
- "style": {
1502
- "color": "#D8DEE9FF"
1503
- }
1504
- }
1505
- }, {
1506
- "content": "moduleTools",
1507
- "props": {
1508
- "style": {
1509
- "color": "#88C0D0"
1510
- }
1511
- }
1512
- }, {
1513
- "content": "()]",
1514
- "props": {
1515
- "style": {
1516
- "color": "#D8DEE9FF"
1517
- }
1518
- }
1519
- }, {
1520
- "content": ",",
1521
- "props": {
1522
- "style": {
1523
- "color": "#ECEFF4"
1524
- }
1525
- }
1526
- }]
1527
- }, {
1528
- "tokens": [{
1529
- "content": "}",
1530
- "props": {
1531
- "style": {
1532
- "color": "#ECEFF4"
1533
- }
1534
- }
1535
- }, {
1536
- "content": ")",
1537
- "props": {
1538
- "style": {
1539
- "color": "#D8DEE9FF"
1540
- }
1541
- }
1542
- }]
1543
- }],
1544
- "lang": "ts"
1545
- },
1546
- "annotations": []
1547
- }]
1548
- }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.p, {
1549
- children: ["最后在项目的 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
1550
- children: "package.json"
1551
- }), " 文件里增加命令 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
1552
- children: "\"build\": \"modern build\""
1553
- }), ":"]
1554
- }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(CH.Code, {
1555
- codeConfig: chCodeConfig,
1556
- northPanel: {
1557
- "tabs": [""],
1558
- "active": "",
1559
- "heightRatio": 1
1560
- },
1561
- files: [{
1562
- "name": "",
1563
- "focus": "",
1564
- "code": {
1565
- "lines": [{
1566
- "tokens": [{
1567
- "content": "{",
1568
- "props": {
1569
- "style": {
1570
- "color": "#ECEFF4"
1571
- }
1572
- }
1573
- }]
1574
- }, {
1575
- "tokens": [{
1576
- "content": " ",
1577
- "props": {
1578
- "style": {
1579
- "color": "#D8DEE9FF"
1580
- }
1581
- }
1582
- }, {
1583
- "content": "\"",
1584
- "props": {
1585
- "style": {
1586
- "color": "#ECEFF4"
1587
- }
1588
- }
1589
- }, {
1590
- "content": "scripts",
1591
- "props": {
1592
- "style": {
1593
- "color": "#8FBCBB"
1594
- }
1595
- }
1596
- }, {
1597
- "content": "\"",
1598
- "props": {
1599
- "style": {
1600
- "color": "#ECEFF4"
1601
- }
1602
- }
1603
- }, {
1604
- "content": ":",
1605
- "props": {
1606
- "style": {
1607
- "color": "#ECEFF4"
1608
- }
1609
- }
1610
- }, {
1611
- "content": " ",
1612
- "props": {
1613
- "style": {
1614
- "color": "#D8DEE9FF"
1615
- }
1616
- }
1617
- }, {
1618
- "content": "{",
1619
- "props": {
1620
- "style": {
1621
- "color": "#ECEFF4"
1622
- }
1623
- }
1624
- }]
1625
- }, {
1626
- "tokens": [{
1627
- "content": " ",
1628
- "props": {
1629
- "style": {
1630
- "color": "#D8DEE9FF"
1631
- }
1632
- }
1633
- }, {
1634
- "content": "\"",
1635
- "props": {
1636
- "style": {
1637
- "color": "#ECEFF4"
1638
- }
1639
- }
1640
- }, {
1641
- "content": "build",
1642
- "props": {
1643
- "style": {
1644
- "color": "#8FBCBB"
1645
- }
1646
- }
1647
- }, {
1648
- "content": "\"",
1649
- "props": {
1650
- "style": {
1651
- "color": "#ECEFF4"
1652
- }
1653
- }
1654
- }, {
1655
- "content": ":",
1656
- "props": {
1657
- "style": {
1658
- "color": "#ECEFF4"
1659
- }
1660
- }
1661
- }, {
1662
- "content": " ",
1663
- "props": {
1664
- "style": {
1665
- "color": "#D8DEE9FF"
1666
- }
1667
- }
1668
- }, {
1669
- "content": "\"",
1670
- "props": {
1671
- "style": {
1672
- "color": "#ECEFF4"
1673
- }
1674
- }
1675
- }, {
1676
- "content": "modern build",
1677
- "props": {
1678
- "style": {
1679
- "color": "#A3BE8C"
1680
- }
1681
- }
1682
- }, {
1683
- "content": "\"",
1684
- "props": {
1685
- "style": {
1686
- "color": "#ECEFF4"
1687
- }
1688
- }
1689
- }]
1690
- }, {
1691
- "tokens": [{
1692
- "content": " ",
1693
- "props": {
1694
- "style": {
1695
- "color": "#D8DEE9FF"
1696
- }
1697
- }
1698
- }, {
1699
- "content": "}",
1700
- "props": {
1701
- "style": {
1702
- "color": "#ECEFF4"
1703
- }
1704
- }
1705
- }]
1706
- }, {
1707
- "tokens": [{
1708
- "content": "}",
1709
- "props": {
1710
- "style": {
1711
- "color": "#ECEFF4"
1712
- }
1713
- }
1714
- }]
1715
- }],
1716
- "lang": "json"
1717
- },
1718
- "annotations": []
1719
- }]
1720
- }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.p, {
1721
- children: ["如果你的项目存在 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
1722
- children: "src/index.(js|jsx)"
1723
- }), " 文件或者同时存在 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
1724
- children: "src/index.(ts|tsx)"
1725
- }), " 和 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
1726
- children: "tsconfig.json"
1727
- }), " 文件,那么恭喜你可以运行直接运行 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
1728
- children: "npm run build"
1729
- }), " 来使用 Module Tools 构建你的项目了。"]
1730
- }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.p, {
1731
- children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.strong, {
1732
- children: "如果你想要看看使用了模块工程方案的完整项目,可以执行以下命令"
1733
- }), ":"]
1734
- }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(CH.Code, {
1735
- codeConfig: chCodeConfig,
1736
- northPanel: {
1737
- "tabs": [""],
1738
- "active": "",
1739
- "heightRatio": 1
1740
- },
1741
- files: [{
1742
- "name": "",
1743
- "focus": "",
1744
- "code": {
1745
- "lines": [{
1746
- "tokens": [{
1747
- "content": "git clone https://github.com/modern-js-dev/module-tools-examples",
1748
- "props": {
1749
- "style": {
1750
- "color": "#D8DEE9FF"
1751
- }
1752
- }
1753
- }]
1754
- }, {
1755
- "tokens": [{
1756
- "content": "cd",
1757
- "props": {
1758
- "style": {
1759
- "color": "#88C0D0"
1760
- }
1761
- }
1762
- }, {
1763
- "content": " module-tools-example/base",
1764
- "props": {
1765
- "style": {
1766
- "color": "#D8DEE9FF"
1767
- }
1768
- }
1769
- }]
1770
- }, {
1771
- "tokens": []
1772
- }, {
1773
- "tokens": [{
1774
- "content": "## 执行构建:",
1775
- "props": {
1776
- "style": {
1777
- "color": "#616E88"
1778
- }
1779
- }
1780
- }]
1781
- }, {
1782
- "tokens": [{
1783
- "content": "pnpm build",
1784
- "props": {
1785
- "style": {
1786
- "color": "#D8DEE9FF"
1787
- }
1788
- }
1789
- }]
1790
- }, {
1791
- "tokens": []
1792
- }, {
1793
- "tokens": [{
1794
- "content": "## 监听模式执行构建:",
1795
- "props": {
1796
- "style": {
1797
- "color": "#616E88"
1798
- }
1799
- }
1800
- }]
1801
- }, {
1802
- "tokens": [{
1803
- "content": "pnpm build --watch",
1804
- "props": {
1805
- "style": {
1806
- "color": "#D8DEE9FF"
1807
- }
1808
- }
1809
- }]
1810
- }, {
1811
- "tokens": []
1812
- }, {
1813
- "tokens": [{
1814
- "content": "## 启动 Storybook",
1815
- "props": {
1816
- "style": {
1817
- "color": "#616E88"
1818
- }
1819
- }
1820
- }]
1821
- }, {
1822
- "tokens": [{
1823
- "content": "pnpm dev storybook",
1824
- "props": {
1825
- "style": {
1826
- "color": "#D8DEE9FF"
1827
- }
1828
- }
1829
- }]
1830
- }, {
1831
- "tokens": []
1832
- }, {
1833
- "tokens": [{
1834
- "content": "## 测试",
1835
- "props": {
1836
- "style": {
1837
- "color": "#616E88"
1838
- }
1839
- }
1840
- }]
1841
- }, {
1842
- "tokens": [{
1843
- "content": "pnpm ",
1844
- "props": {
1845
- "style": {
1846
- "color": "#D8DEE9FF"
1847
- }
1848
- }
1849
- }, {
1850
- "content": "test",
1851
- "props": {
1852
- "style": {
1853
- "color": "#88C0D0"
1854
- }
1855
- }
1856
- }]
1857
- }],
1858
- "lang": "bash"
1859
- },
1860
- "annotations": []
1861
- }]
1862
- }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.p, {
1863
- children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.strong, {
1864
- children: "如果你想要创建一个完整的模块工程项目,可以执行以下命令:"
1865
- })
1866
- }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(CH.Code, {
1867
- codeConfig: chCodeConfig,
1868
- northPanel: {
1869
- "tabs": [""],
1870
- "active": "",
1871
- "heightRatio": 1
1872
- },
1873
- files: [{
1874
- "name": "",
1875
- "focus": "",
1876
- "code": {
1877
- "lines": [{
1878
- "tokens": [{
1879
- "content": "npx @modern-js/create your-project-dir-name",
1880
- "props": {
1881
- "style": {
1882
- "color": "#D8DEE9FF"
1883
- }
1884
- }
1885
- }]
1886
- }],
1887
- "lang": "bash"
1888
- },
1889
- "annotations": []
1890
- }]
1891
- }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.p, {
1892
- children: "接着在问题交互中,按照如下选择:"
1893
- }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(CH.Code, {
1894
- codeConfig: chCodeConfig,
1895
- northPanel: {
1896
- "tabs": [""],
1897
- "active": "",
1898
- "heightRatio": 1
1899
- },
1900
- files: [{
1901
- "name": "",
1902
- "focus": "",
1903
- "code": {
1904
- "lines": [{
1905
- "tokens": [{
1906
- "content": "?",
1907
- "props": {
1908
- "style": {
1909
- "color": "#81A1C1"
1910
- }
1911
- }
1912
- }, {
1913
- "content": " 请选择你想创建的工程类型 模块",
1914
- "props": {
1915
- "style": {
1916
- "color": "#D8DEE9FF"
1917
- }
1918
- }
1919
- }]
1920
- }, {
1921
- "tokens": [{
1922
- "content": "?",
1923
- "props": {
1924
- "style": {
1925
- "color": "#81A1C1"
1926
- }
1927
- }
1928
- }, {
1929
- "content": " 请填写项目名称 library",
1930
- "props": {
1931
- "style": {
1932
- "color": "#D8DEE9FF"
1933
- }
1934
- }
1935
- }]
1936
- }, {
1937
- "tokens": [{
1938
- "content": "?",
1939
- "props": {
1940
- "style": {
1941
- "color": "#81A1C1"
1942
- }
1943
- }
1944
- }, {
1945
- "content": " 请选择开发语言 TS",
1946
- "props": {
1947
- "style": {
1948
- "color": "#D8DEE9FF"
1949
- }
1950
- }
1951
- }]
1952
- }, {
1953
- "tokens": [{
1954
- "content": "?",
1955
- "props": {
1956
- "style": {
1957
- "color": "#81A1C1"
1958
- }
1959
- }
1960
- }, {
1961
- "content": " 请选择包管理工具 pnpm",
1962
- "props": {
1963
- "style": {
1964
- "color": "#D8DEE9FF"
1965
- }
1966
- }
1967
- }]
1968
- }],
1969
- "lang": "bash"
1970
- },
1971
- "annotations": []
1972
- }]
1973
- }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.blockquote, {
1974
- children: ["\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.p, {
1975
- children: ["项目名称为 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
1976
- children: "package.json"
1977
- }), " 中的 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
1978
- children: "\"name\""
1979
- }), " 字段值。"]
1980
- }), "\n"]
1981
- }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.p, {
1982
- children: "接着就会开始初始化项目的流程。在项目目录和文件生成以及依赖安装完毕后,此时就创建了一个完整的模块工程项目。"
1983
- }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.p, {
1984
- children: ["我们可以直接执行 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
1985
- children: "pnpm build"
1986
- }), " 命令启动项目的构建,执行 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
1987
- children: "pnpm build --watch"
1988
- }), " 命令开启构建的观察模式。"]
1989
- }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.h2, {
1990
- id: "让我们开始吧",
1991
- children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.a, {
1992
- className: "header-anchor",
1993
- "aria-hidden": "true",
1994
- href: "#让我们开始吧",
1995
- children: "#"
1996
- }), "让我们开始吧"]
1997
- }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.p, {
1998
- children: "选择适合你的教程:"
1999
- }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.ul, {
2000
- children: ["\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.li, {
2001
- children: ["我是初学者,需要学习 Module Tools 的", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.a, {
2002
- href: "/module-tools/guide/basic/before-getting-started.html",
2003
- children: "基础使用"
2004
- }), "。"]
2005
- }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.li, {
2006
- children: ["我已经初步掌握了 Module Tools 的使用,可以学习 Module Tools 的", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.a, {
2007
- href: "/module-tools/guide/basic/before-getting-started.html",
2008
- children: "高级使用"
2009
- }), "。"]
2010
- }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.li, {
2011
- children: "我是项目的维护者,需要学习如何开发 Module Tools 的插件以及了解更多关于 Module Tools 进阶的内容。"
2012
- }), "\n"]
2013
- })]
2014
- });
2015
- }
2016
- function MDXContent(props = {}) {
2017
- const {wrapper: MDXLayout} = props.components || ({});
2018
- return MDXLayout ? (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(MDXLayout, Object.assign({}, props, {
2019
- children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_createMdxContent, props)
2020
- })) : _createMdxContent(props);
2021
- }
2022
- /* harmony default export */ __webpack_exports__["default"] = (MDXContent);
2023
- function _missingMdxReference(id, component, place) {
2024
- throw new Error("Expected " + (component ? "component" : "object") + " `" + id + "` to be defined: you likely forgot to import, pass, or provide it." + (place ? "\nIt’s referenced in your code at `" + place + "` in `/Users/bytedance/github/targeral/modern-dev/website/module-tools/docs/zh/guide/intro/getting-started.md`" : ""));
2025
- }
2026
-
2027
-
2028
- /***/ })
2029
-
2030
- }]);
2031
- //# sourceMappingURL=zh_guide_intro_getting-started.js.map