[![Netlify Status](https://api.netlify.com/api/v1/badges/87d9f619-8f13-47e8-99cc-5167db7294a6/deploy-status)](https://app.netlify.com/sites/fretonator/deploys)
<img src="https://www.fretonator.com/assets/img/og_twitter.png">
---
The Fretonator is your new interactive tool for learning common modes on the guitar, understanding the chord theory behind the modes, and most importantly - having a jam.
I am gratefully welcoming feedback from musicians, pull requests from software engineers, and anything else you are willing to contribute.
Thank you and happy jamming!
___
## Technical
The Fretonator is built with:
```
Angular
Angular Universal
Angular Prerender
Netlify
```
## The Fretonator is open source!
[Apache License, v2.0](https://github.com/ishythefishy/fretonator/blob/master/LICENSE)
Want to contribute to the Fretonator? Here's now in 12 simple steps...
### System requirements:
```
Node 14
NPM
YARN
```
### Build Instructions
[1] Ensure Node Package Manager (NPM), Yarn and Angular CLI (NG) are installed.
```
npm -v
npm install -g @angular/cli yarn
```
[2] Fork the repository.
[3] Clone your fork to your local development environment.
```
git clone [url]
```
[4] Navigate to the Fretonator directory.
```
cd fretonator
```
[5] Install the dependencies.
```
yarn
```
[6] Run your local development server.
The `--open` flag opens the application in your browser automatically and is not required.
```
yarn start --open
```
[7] Navigate to http://localhost:4200/ in your browser.
[8] Write some code!
[9] Open a pull request, and I'll take a look!
[10] Things get merged.
[11] A Netlify deployment is triggered automatically.
### [12] PROFIT!!!
---
See `package.json` for test and build commands available to the project.
### www.fretonator.com
---
## Other technical stuff
This project was generated using [Nx](https://nx.dev).
���� **Nx is a set of Extensible Dev Tools for Monorepos.**
## Quick Start & Documentation
[Nx Documentation](https://nx.dev/angular)
[10-minute video showing all Nx features](https://nx.dev/angular/getting-started/what-is-nx)
[Interactive Tutorial](https://nx.dev/angular/tutorial/01-create-application)
## Adding capabilities to your workspace
Nx supports many plugins which add capabilities for developing different types of applications and different tools.
These capabilities include generating applications, libraries, etc as well as the devtools to test, and build projects as well.
Below are some plugins which you can add to your workspace:
- [Angular](https://angular.io)
- `ng add @nrwl/angular`
- [React](https://reactjs.org)
- `ng add @nrwl/react`
- Web (no framework frontends)
- `ng add @nrwl/web`
- [Nest](https://nestjs.com)
- `ng add @nrwl/nest`
- [Express](https://expressjs.com)
- `ng add @nrwl/express`
- [Node](https://nodejs.org)
- `ng add @nrwl/node`
## Generate an application
Run `ng g @nrwl/angular:app my-app` to generate an application.
> You can use any of the plugins above to generate applications as well.
When using Nx, you can create multiple applications and libraries in the same workspace.
## Generate a library
Run `ng g @nrwl/angular:lib my-lib` to generate a library.
> You can also use any of the plugins above to generate libraries as well.
Libraries are sharable across libraries and applications. They can be imported from `@cheadle-farm/mylib`.
## Development server
Run `ng serve my-app` for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.
## Code scaffolding
Run `ng g component my-component --project=my-app` to generate a new component.
## Build
Run `ng build my-app` to build the project. The build artifacts will be stored in the `dist/` directory. Use the `--prod` flag for a production build.
## Running unit tests
Run `ng test my-app` to execute the unit tests via [Jest](https://jestjs.io).
Run `nx affected:test` to execute the unit tests affected by a change.
## Running end-to-end tests
Run `ng e2e my-app` to execute the end-to-end tests via [Cypress](https://www.cypress.io).
Run `nx affected:e2e` to execute the end-to-end tests affected by a change.
## Understand your workspace
Run `nx dep-graph` to see a diagram of the dependencies of your projects.
## Further help
Visit the [Nx Documentation](https://nx.dev/angular) to learn more.
## Generating WebP images
Converts Jpegs to WebP (do this before optimising jpegs)
Dependencies
- cwebp `brew install webp`
`cd` into the images folder and run
```shell script
find ./ -type f -name '*.jpg' -exec sh -c 'cwebp -q 75 $1 -o "${1%.jpg}.webp"' _ {} \;
```
## Optimising jpegs
Optimises JPEG to 75% compression
Dependencies
- jpegoptim `brew install jpegoptim`
`cd` into the images folder and run
```shell script
jpegoptim -m75 *.jpg --overwrite
```
没有合适的资源?快使用搜索试试~ 我知道了~
极交互式免费吉他理论工具_TypeScript_代码_下载
共289个文件
ts:164个
scss:34个
html:31个
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 26 浏览量
2022-06-16
11:04:18
上传
评论
收藏 616KB ZIP 举报
温馨提示
Fretonator 是您学习吉他常见模式、了解模式背后的和弦理论以及最重要的 - 即兴演奏的新交互式工具 更多详情请阅读README.md文件
资源推荐
资源详情
资源评论
收起资源包目录
极交互式免费吉他理论工具_TypeScript_代码_下载 (289个子文件)
_redirects 23B
.browserslistrc 600B
.editorconfig 245B
.gitignore 513B
.gitignore 12B
.gitkeep 0B
.gitkeep 0B
.gitkeep 0B
.gitkeep 0B
learn-index.component.html 7KB
fretonator.component.html 5KB
fretboard.component.html 5KB
logo-with-text.component.html 3KB
footer.component.html 2KB
home-index.component.html 2KB
index.html 2KB
index-dev.html 2KB
header.component.html 2KB
similar-modes.component.html 2KB
logo-no-text.component.html 1KB
speaker.component.html 1KB
coffee.component.html 1KB
fretboard-config.component.html 988B
sun.component.html 979B
scale-degrees.component.html 673B
video-loader.component.html 657B
moon.component.html 622B
not-found-index.component.html 474B
scale-map.component.html 466B
tick.component.html 434B
interval-map.component.html 428B
chord-map.component.html 420B
chevron-right.component.html 384B
chip.component.html 327B
play.component.html 324B
video-server.component.html 275B
app.component.html 258B
video-browser.component.html 244B
cross.component.html 222B
chips.component.html 88B
favicon.ico 15KB
decorate-angular-cli.js 3KB
jest.config.js 684B
jest.config.js 105B
jest.preset.js 82B
project.json 5KB
package.json 2KB
nx.json 1KB
project.json 792B
.eslintrc.json 792B
.eslintrc.json 753B
tsconfig.json 637B
tsconfig.json 590B
tsconfig.base.json 467B
cypress.json 412B
tsconfig.server.json 400B
.eslintrc.json 364B
schema.json 293B
tsconfig.app.json 266B
tsconfig.tools.json 251B
tsconfig.spec.json 249B
extensions.json 181B
angular.json 137B
tsconfig.editor.json 119B
example.json 80B
LICENSE 11KB
yarn.lock 458KB
README.md 5KB
.nvmrc 6B
3nps.png 144KB
og_facebook.png 47KB
og_twitter.png 46KB
icon-512x512.png 11KB
icon-384x384.png 10KB
icon-180x180.png 7KB
icon-192x192.png 4KB
icon-152x152.png 3KB
icon-144x144.png 3KB
icon-128x128.png 3KB
icon-96x96.png 2KB
icon-72x72.png 2KB
favicon-32x32.png 836B
favicon-16x16.png 574B
.prettierignore 74B
.prettierrc 26B
fretboard.component.scss 12KB
styles.scss 8KB
header.component.scss 5KB
_mixins.scss 4KB
footer.component.scss 3KB
fretonator.component.scss 2KB
scale-map.component.scss 2KB
learn-index.component.scss 2KB
scale-degrees.component.scss 1KB
_typography.scss 1KB
fretboard-config.component.scss 1KB
home-index.component.scss 1KB
interval-map.component.scss 922B
similar-modes.component.scss 919B
content.scss 894B
共 289 条
- 1
- 2
- 3
资源评论
快撑死的鱼
- 粉丝: 1w+
- 资源: 9154
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功