awesome-components-ionic - GitLite

KO | EN

gitlite — search

#hacktoberfest #ai #llm #go #android #deep-learning #linux #macos #windows #awesome #awesome-list #security #mcp #ios

awesome-components-ionic

(★ 124)

:fire: List components for ionic 6

파일 탐색기

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

- - bug_report.md
  - feature_request.md
- - build-pwa-prod.yml
- - app.e2e-spec.ts
  - app.po.ts
- protractor.conf.js
- tsconfig.json
- angular-mat.gif
- fivethree.gif
- yannbf.gif
- icon.png
- README.md
- splash.png
- - app-routing.module.ts
  - app.component.html
  - app.component.scss
  - app.component.spec.ts
  - app.component.ts
  - app.module.ts
- - shapes.svg
- - environment.prod.ts
  - environment.ts
- - variables.scss
- global.scss
- index.html
- main.ts
- manifest.webmanifest
- polyfills.ts
- test.ts
- zone-flags.ts
- cordova-typings.d.ts
.gitignore
angular.json
browserslist
CODE_OF_CONDUCT.md
config.xml
ionic.config.json
karma.conf.js
LICENSE.md
ngsw-config.json
notes.txt
package.json
Procfile
README.md
server.js
tsconfig.app.json
tsconfig.json
tsconfig.spec.json

# 설치 가이드

1. 코드 내려받기

git clone https://github.com/vagnersabadi/awesome-components-ionic

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

cd awesome-components-ionic

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

2. Node.js

쉬움 추천

사전 준비물

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

$ sudo npm install npm -g

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

$ sudo npm install cordova ionic -g

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

$ npm install

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

$ npm install --force

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

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

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

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Ionic 6 Advanced Components

| [Yannbf - Ionic3 Components](https://github.com/yannbf/ionic3-components) | [Agular Material](https://material.angular.io/components/categories) | [Fivethree](https://fivethree-team.github.io/ionic-4-components/) |
| ------------- | ------------- | ------------- |
| <img src="./gifs/yannbf.gif" width="270" height="480">  | <img src="./gifs/angular-mat.gif" width="270" height="480"> | <img src="./gifs/fivethree.gif" width="270" height="480"> |

[DEMO](https://vagnersabadi.github.io/awesome-components-ionic/)

Currently this project is using the latest versions of all: Ionic and Angular

****

This repository i made in order to help people learn and speed up their development process.
You will find many many different components, pages, pipes, services, of which can be very useful to you. Note though that these are all experimental!

The content here is a mix of tutorials found online, a few adapted stuff, a few inspired layouts, and also other stuff made by the amazing contributors in the world.

## Setup

Requirements to use this project:

##### Node.js (https://nodejs.org/download/)

##### npm (Node Package Manager, it comes with node.js installation)
In case you're not with the latest version of npm:
```sh
$ sudo npm install npm -g
```

##### Cordova & Ionic Cli
To install both of them on your system just launch this command:
```sh
$ sudo npm install cordova ionic -g
```

## Install NPM Dependencies
Once you clone this repository, run this command on your terminal to install all needed dependencies:
```sh
$ npm install

our

$ npm install --force

```

## Install cordova plugin Dependencies
Run this command on your terminal to add a platform and install all needed puglins:

iOS:
```sh
$ ionic cordova platform add ios
$ ionic cordova run ios
```

Android:
```sh
$ ionic cordova platform add android
$ ionic cordova run android
```
## Launching the App
After installing the needed dependencies you are done, launch your app with a simple
```sh
$ ionic serve
```