ant-design-mobile

(★ 12,037)

모바일 웹 앱을 구축하기 위한 필수 UI 블록.

파일 탐색기

최종 버전 다운로드 (.zip)

- - gallery.less
  - gallery.tsx
  - index.ts
- - index.ts
- tsconfig.json
- - codeql-config.yml
- - bug-report.yml
  - config.yml
  - feature-request.yml
  - general.yml
- - check.yml
  - close-inactive-pending-issues.yml
  - codeql-analysis.yml
  - compressed-size.yml
  - doc-site.yml
  - issue-remove-inactive.yml
  - issue-reply.yml
  - pkg.pr.new.yml
  - pr-check-ci.yml
  - preview-build.yml
  - preview-deploy.yml
  - preview-start.yml
  - size-limit.yml
- CODE_OF_CONDUCT.md
- CONTRIBUTING.md
- HOW_TO_ASK_QUESTIONS.md
- SECURITY.md
- commit-msg
- pre-commit
- extensions.json
- settings.json
- components.ts
- config.ts
- menus.tsx
- navs.ts
- - globalMobile.less
  - globalPC.less
  - home-page.less
  - home-page.tsx
- - css-variables.en.md
  - css-variables.zh.md
  - dark-mode.en.md
  - dark-mode.zh.md
  - faq.en.md
  - faq.zh.md
  - hd.en.md
  - hd.zh.md
  - i18n.en.md
  - i18n.zh.md
  - import-on-demand.en.md
  - import-on-demand.zh.md
  - migration.en.md
  - migration.zh.md
  - pre-built-bundles.en.md
  - pre-built-bundles.zh.md
  - quick-start.en.md
  - quick-start.zh.md
  - reduce-motion.en.md
  - reduce-motion.zh.md
  - ssr.en.md
  - ssr.zh.md
  - theming.en.md
  - theming.zh.md
  - v5-for-19.en.md
  - v5-for-19.zh.md
  - what-is-experimental.en.md
  - what-is-experimental.zh.md
- - useTrans.ts
- - index.ts
- 404.en.md
- 404.zh.md
- index.en.md
- index.zh.md
- resources.en.md
- resources.zh.md
- postcss-disable-css-vars.js
- - create-props-table.tsx
  - index.ts
- - css-vars-patch.less
  - global.less
  - index.ts
  - theme-dark.less
  - theme-default.less
- - index.tsx
  - useFieldNames.tsx
- - ar-SA.ts
  - base.ts
  - cnr-ME.ts
  - da-DK.ts
  - de-DE.ts
  - en-US.ts
  - es-ES.ts
  - fa-IR.ts
  - fr-FR.ts
  - hr-HR.ts
  - hu-HU.ts
  - id-ID.ts
  - in-ID.ts
  - it-IT.ts
  - ja-JP.ts
  - kk-KZ.ts
  - ko-KR.ts
  - ms-MY.ts
  - nb-NO.ts
  - nl-NL.ts
  - pt-BR.ts
  - ru-RU.ts
  - sr-RS.ts
  - th-TH.ts
  - tr-TR.ts
  - vi-VN.ts
  - zh-CN.test.ts
  - zh-CN.ts
  - zh-HK.ts
  - zh-TW.ts
- - mock-global-styles.ts
  - setup.ts
  - testing.tsx
- - attach-properties-to-component.ts
  - bound.ts
  - can-use-dom.ts
  - convert-px.ts
  - create-icon-component.tsx
  - dev-log.ts
  - generate-int-array.ts
  - get-container.ts
  - get-scroll-parent.ts
  - is-dev.ts
  - is-node-with-content.ts
  - matrix.ts
  - measure-css-length.ts
  - merge-locale.ts
  - native-props.ts
  - nearest.ts
  - noop.ts
  - reduce-and-restore-motion.ts
  - render-imperatively.tsx
  - render-to-body.ts
  - render-to-container.ts
  - render.ts
  - replace-message.ts
  - rubberband.ts
  - should-render.tsx
  - shuffle.ts
  - sleep.ts
  - supports-passive.ts
  - to-css-length.ts
  - traverse-react-node.tsx
  - tree.ts
  - undefined-fallback.ts
  - unstable-render.tsx
  - use-drag-and-pinch.ts
  - use-initialized.ts
  - use-inner-visible.ts
  - use-isomorphic-update-layout-effect.tsx
  - use-lock-scroll.ts
  - use-mutation-effect.tsx
  - use-props-value.ts
  - use-ref-state.tsx
  - use-resize-effect.tsx
  - use-tab-list-scroll.ts
  - use-touch.ts
  - validate.ts
  - with-cache.ts
  - with-default-props.tsx
  - with-func-props.ts
  - with-stop-propagation.tsx
- index.ts
.editorconfig
.eslintignore
.eslintrc.js
.gitignore
.npmrc
.nvmrc
.prettierignore
.prettierrc.js
.stylelintignore
.stylelintrc.js
babel-transform-less-to-css.js
codecov.yml
commitlint.config.js
fileTransformer.js
gulpfile.js
jest.config.js
LICENSE.txt
package-lock.json
package.json
pnpm-lock.yaml
README.md
tsconfig.json
umd.html

# 설치 가이드

1. 코드 내려받기

git clone https://github.com/ant-design/ant-design-mobile

깃허브에서 프로젝트 코드 전체를 내 컴퓨터로 내려받습니다.

cd ant-design-mobile

방금 내려받은 프로젝트 폴더 안으로 이동합니다.

2. Node.js

쉬움 추천

사전 준비물

Git GitHub에서 프로젝트 코드를 내려받으려면 필요합니다.
Node.js npm 명령어를 쓰려면 Node.js가 설치되어 있어야 합니다. LTS(장기지원) 버전을 추천합니다.

$ npm install antd-mobile

package.json에 명시된 라이브러리들을 내려받아 설치합니다.

$ yarn add antd-mobile

이 명령어를 터미널에 그대로 입력해 실행하세요.

$ pnpm add antd-mobile

이 명령어를 터미널에 그대로 입력해 실행하세요.

✅ 명령어 실행 후 터미널에 나타나는 주소(보통 http://localhost:3000 형태)를 브라우저에서 열어보세요.

이 레포의 README에 적힌 실제 명령어를 그대로 가져왔습니다.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)