Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/konijima/electron-typescript
A minimal Electron application written with Typescript
https://github.com/konijima/electron-typescript
electron typescript
Last synced: 2 days ago
JSON representation
A minimal Electron application written with Typescript
- Host: GitHub
- URL: https://github.com/konijima/electron-typescript
- Owner: Konijima
- License: cc0-1.0
- Created: 2022-05-22T17:21:21.000Z (over 2 years ago)
- Default Branch: master
- Last Pushed: 2023-03-03T14:03:11.000Z (over 1 year ago)
- Last Synced: 2023-03-05T23:13:09.495Z (over 1 year ago)
- Topics: electron, typescript
- Language: TypeScript
- Homepage:
- Size: 485 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 7
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
# electron-typescript
**Clone and run for a quick way to see Electron in action.**
This is a [TypeScript](https://www.typescriptlang.org) port of the [Electron Quick Start repo](https://github.com/electron/electron-quick-start) -- a minimal Electron application based on the [Quick Start Guide](http://electron.atom.io/docs/tutorial/quick-start) within the Electron documentation.
**Use this app along with the [Electron API Demos](http://electron.atom.io/#get-started) app for API code examples to help you get started.**
A basic Electron application needs just these files:
- `package.json` - Points to the app's main file and lists its details and dependencies.
- `main.ts` - Starts the app and creates a browser window to render HTML. This is the app's **main process**.
- `index.html` - A web page to render. This is the app's **renderer process**.You can learn more about each of these components within the [Quick Start Guide](http://electron.atom.io/docs/tutorial/quick-start).
## To Use
To clone and run this repository you'll need [Git](https://git-scm.com) and [Node.js](https://nodejs.org/en/download/) (which comes with [npm](http://npmjs.com)) installed on your computer. From your command line:
```bash
# Clone this repository
git clone https://github.com/Konijima/electron-typescript
# Go into the repository
cd electron-typescript
# Install dependencies
npm install
# Build the app
npm run build
# Run the app
npm start
# Create a build package
npm run packager
```Note: If you're using Linux Bash for Windows, [see this guide](https://www.howtogeek.com/261575/how-to-run-graphical-linux-desktop-applications-from-windows-10s-bash-shell/) or use `node` from the command prompt.
## Re-compile automatically
To recompile automatically and to allow using [electron-reload](https://github.com/yan-foto/electron-reload), run this in a separate terminal:
```bash
npm run watch
```## Resources for Learning Electron
- [electronjs.org/docs](https://electronjs.org/docs) - all of Electron's documentation
- [Electron Fiddle](https://electronjs.org/fiddle) - create, play, and share small Electron experiments
- [electronjs.org/community#boilerplates](https://electronjs.org/community#boilerplates) - sample starter apps created by the community
- [electron/electron-quick-start](https://github.com/electron/electron-quick-start) - a very basic starter Electron app
- [electron/simple-samples](https://github.com/electron/simple-samples) - small applications with ideas for taking them further
- [hokein/electron-sample-apps](https://github.com/hokein/electron-sample-apps) - small demo apps for the various Electron APIs## License
[CC0 1.0 (Public Domain)](LICENSE.md)