https://github.com/mowatermelon/learn-electron
基于electron ，vue和localstroge的todolist
https://github.com/mowatermelon/learn-electron
electron electron-application es6
Last synced: 9 months ago
JSON representation
基于electron ，vue和localstroge的todolist
- Host: GitHub
- URL: https://github.com/mowatermelon/learn-electron
- Owner: mowatermelon
- License: mit
- Created: 2018-01-16T03:17:57.000Z (almost 8 years ago)
- Default Branch: master
- Last Pushed: 2021-04-29T20:33:33.000Z (over 4 years ago)
- Last Synced: 2023-03-06T00:28:24.140Z (almost 3 years ago)
- Topics: electron, electron-application, es6
- Language: CSS
- Homepage:
- Size: 996 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 33
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# watermelon-todolist
**Clone and run for a quick way to see Electron in action.**
## 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
# if your system is window,you need to install these two packages first
npm install electron -g
npm install electron-packager -g
# Clone this repository
git clone -b todolist https://github.com/mowatermelon/learn-electron.git todolist
# Go into the repository
cd todolist
# Install dependencies
npm install
# Run the app
npm start
# package win32 application
npm run package:win32
# package win64 application
npm run package:win64
# package linux application
npm run package:linux
# package mac application
npm run package:mac
```
## features
- todo
- add todo
- remove todo
- edit todo
- random change background image
## screenshot
- when the task is not fully completed
- when all tasks are completed
- when you want to delete a tasks
## Tip
Package the corresponding system needs to be consistent with the current operating system
## learn-base
**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.js` - 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).