ionic4-starter-app-tutorial - GitLite

KO | EN

gitlite — search

#react #ai #typescript #golang #machine-learning #rust #docker #macos #windows #awesome-list #vue #security #ios #open-source

ionic4-starter-app-tutorial

(★ 125)

Ionic 4 To Do List App. FREE Ionic 4 example app. Learn how to start using Ionic 4 to create a simple app with lists, forms and navigation.

파일 탐색기

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

- - app.e2e-spec.ts
  - app.po.ts
- protractor.conf.js
- tsconfig.e2e.json
- - app-routing.module.ts
  - app.component.html
  - app.component.spec.ts
  - app.component.ts
  - app.module.ts
- - shapes.svg
- - environment.prod.ts
  - environment.ts
- - variables.scss
- global.scss
- index.html
- karma.conf.js
- main.ts
- polyfills.ts
- test.ts
- tsconfig.app.json
- tsconfig.spec.json
.gitignore
angular.json
ionic.config.json
LICENSE
package-lock.json
package.json
README.md
tsconfig.json
tslint.json

# 설치 가이드

1. 코드 내려받기

git clone https://github.com/ionicthemes/ionic4-starter-app-tutorial

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

cd ionic4-starter-app-tutorial

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

2. Node.js

쉬움 추천

사전 준비물

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

npm install

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

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

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

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

## Ionic 4 Starter App

### About this repo
This repo is the code of an Ionic 4 starter app that we created as part of a *Getting started with Ionic 4 tutorial*. In the following tutorial your will learn the differences between Ionic 3 and Ionic 4 and all the new concepts about Ionic 4:

- [Spanish tutorial](https://medium.com/learn-ionic-framework/ionic-4-vs-ionic-3-todo-lo-que-necesitas-saber-sobre-ionic-4-5235927c6dd9)

- [English tutorial](https://ionicthemes.com/tutorials/about/ionic-4-vs-ionic-3)

Find more Ionic 4 tutorials and starter apps in https://ionicthemes.com

### Install this Ionic 4 starter app
```
npm install
```

### Browse Ionic 4 app
```
ionic serve
```
### Demo
https://www.youtube.com/watch?v=COTmXyXg5rU

### Get a premium Ionic 5 Starter App
Did you know that we recently released [Ionic 5 Full Starter App](https://ionicthemes.com/product/ionic5-full-starter-app)? It's an ionic 5 template that you can use to jump start your Ionic app development and save yourself hundreds of hours of design and development.

It is also a PWA and has a score of 100 in lighthouse. Try it on your phone as a PWA to see the magic!

It also has lots of forms and validations examples.

<img src="https://ionicthemes.s3-us-west-2.amazonaws.com/cover_images/redesign/ionic5-full-starter-app.jpg"/>