modern-anki-card-template

(★ 98)

A modern cross-platform Anki card framework that helps build focused cards and improve readability.

파일 탐색기

- - ci.yml
- FUNDING.yml
- build.test.js.snap
- - __init__.py
  - manifest.json
- - _github-dark.min.css
  - _highlight.min.js
- _flagColors.json
- _labelColors.json
- generate-label-colors-prompt.txt
- answer.svg
- details.svg
- flag_1.svg
- flag_2.svg
- flag_none.svg
- sentence.svg
- undo.svg
- anki_api.js
- config.js
- details.js
- flag.js
- init_desktop.js
- remaining_cards.js
- smart_label.js
- syntax_highlight.js
- en.json
- ja.json
- - ankidroid_theme_preview.png
  - card_creation_annotated.png
  - desktop_theme_preview.webp
  - v2_template_preview.png
- - _accent-colors.scss
  - _accent-colors_accessible.scss
  - _base.scss
  - _typography.scss
  - _variables.scss
- - _code.scss
  - _flashcard.scss
  - _icons.scss
  - _language-mining.scss
  - _metadata.scss
  - _status-bar.scss
  - _tables.scss
  - _tooltip.scss
- - _layout.scss
- - _android.scss
  - _desktop.scss
  - _ios.scss
- japanese.scss
- main.scss
- - qna_back.ejs
  - qna_front.ejs
- - back.ejs
  - front.ejs
- - back.ejs
  - front.ejs
.eslintrc.json
.gitignore
.prettierignore
.prettierrc
build.js
build.test.js
LICENSE.md
package-lock.json
package.json
README.md

1. 코드 내려받기

git clone https://github.com/tyuichis/modern-anki-card-template

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

cd modern-anki-card-template

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

쉬움 추천

사전 준비물

npm install

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

npm run build:templates

배포용으로 코드를 최적화해서 빌드 파일을 생성합니다.

npm run build:css:all

배포용으로 코드를 최적화해서 빌드 파일을 생성합니다.

npm run build

배포용으로 코드를 최적화해서 빌드 파일을 생성합니다.

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

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