增加桌面版

.gitignore

@@ -21,3 +21,6 @@
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
+
+dist
+package-lock.json

main.js

@@ -0,0 +1,49 @@
+// 引入electron并创建一个Browserwindow
+const {app, BrowserWindow} = require('electron')
+const path = require('path')
+const url = require('url')
+
+// 保持window对象的全局引用,避免JavaScript对象被垃圾回收时,窗口被自动关闭.
+let mainWindow
+
+function createWindow () {
+//创建浏览器窗口,宽高自定义具体大小你开心就好
+mainWindow = new BrowserWindow({width: 800, height: 600})
+
+ // 加载应用----react 打包
+ mainWindow.loadURL(url.format({
+ pathname: path.join(__dirname, './build/index.html'),
+ protocol: 'file:',
+ slashes: true
+ }))
+ // 加载应用----适用于 react 开发时项目
+ // mainWindow.loadURL('http://localhost:3000/');
+
+ // 打开开发者工具，默认不打开
+ // mainWindow.webContents.openDevTools()
+
+ // 关闭window时触发下列事件.
+ mainWindow.on('closed', function () {
+ mainWindow = null
+ })
+}
+
+// 当 Electron 完成初始化并准备创建浏览器窗口时调用此方法
+app.on('ready', createWindow)
+
+// 所有窗口关闭时退出应用.
+app.on('window-all-closed', function () {
+ // macOS中除非用户按下 `Cmd + Q` 显式退出,否则应用与菜单栏始终处于活动状态.
+ if (process.platform !== 'darwin') {
+ app.quit()
+ }
+})
+
+app.on('activate', function () {
+ // macOS中点击Dock图标时没有已打开的其余应用窗口时,则通常在应用中重建一个窗口
+ if (mainWindow === null) {
+ createWindow()
+ }
+})
+
+// 你可以在这个脚本中续写或者使用require引入独立的js文件.

package.json

@@ -1,8 +1,13 @@
 {
  "name": "markdown-nice",
- "version": "0.1.0",
+ "author": "markdown-nice",
+ "description": "a markdown editor with the function of style edition",
+ "version": "0.0.1",
  "private": true,
- "dependencies": {
+ "main": "main.js",
+ "homepage": ".",
+ "license": "SEE LICENSE IN LICENSE",
+ "devDependencies": {
  "@babel/core": "7.2.2",
  "@svgr/webpack": "^4.1.0",
  "@uiw/react-codemirror": "^1.0.19",
@@ -32,7 +37,6 @@
  "fs-extra": "7.0.1",
  "highlight.js": "^9.15.6",
  "html-webpack-plugin": "4.0.0-alpha.2",
- "html2canvas": "^1.0.0-alpha.12",
  "identity-obj-proxy": "3.0.0",
  "jest": "23.6.0",
  "jest-pnp-resolver": "1.0.2",
@@ -72,13 +76,37 @@
  "webpack": "4.28.3",
  "webpack-dev-server": "3.1.14",
  "webpack-manifest-plugin": "2.0.4",
- "workbox-webpack-plugin": "3.6.3"
+ "workbox-webpack-plugin": "3.6.3",
+ "electron": "^6.0.10",
+ "electron-builder": "^21.2.0"
  },
  "scripts": {
  "start": "node scripts/start.js",
  "build": "node scripts/build.js",
  "test": "node scripts/test.js",
- "deploy": "./deploy.sh"
+ "electron-start": "electron .",
+ "package": "rm -rf dist && electron-builder --x64"
+ },
+ "build": {
+ "productName": "Markdown Nice",
+ "appId": "com.mdnice.www",
+ "mac": {
+ "target": [
+ "dmg",
+ "zip"
+ ]
+ },
+ "win": {
+ "target": [
+ "nsis",
+ "zip"
+ ]
+ },
+ "files": [
+ "build",
+ "main.js",
+ "package.json"
+ ]
  },
  "eslintConfig": {
  "extends": "react-app"