Code Monkey home page Code Monkey logo

wrighting's Introduction

橙瓜码字

目录

build setup

# install dependencies
npm install

# serve with hot reload at localhost:9080
npm run dev

# build electron application for production
npm run build

# run unit & end-to-end tests
npm test


# lint all JS/Vue component files in `src/`
npm run lint

vue-electron:1.0.6

Electron

vue:2.3.3

electron-rebuild:1.82

代码规范

electron代码规范请查看 https://electronjs.org/docs/development/coding-style

vue代码规范请查看 https://cn.vuejs.org/v2/style-guide/#%E8%A7%84%E5%88%99%E5%BD%92%E7%B1%BB

CSS等样式规范请查看 http://alloyteam.github.io/CodeGuide/

书写 标准 JavaScript 样式
文件名应使用 - 连接而不是 _, 例如. file-name.js 而不是 file_name.js, 因为在 github/atom中模块名通常是 module-name 形式. 此规则仅适用于 .js 文件。
酌情使用更新的 ES6 / ES2015 语法

file structure

.
├── CONFIG #存放用户配置文件
├── build #打包后生成路径
├── dist
│   ├── electron
│   │   ├── fonts
│   │   ├── imgs
│   │   └── static
│   ├── fonts
│   ├── imgs
│   └── static
├── src
│   ├── main #主进程目录
│   │   ├── index.dev.js
│   │   ├── index.js
│   │   ├── ipcMain.js #ipc通信配置文件
│   │   └── menuSets.js #菜单项配置文件
│   └── renderer #渲染进程代码
│       ├── components 
│       │   ├── pages #页面模块
│       │   └── plugins #组件模块目录
│       ├── assets #资源目录
│       ├── router #路由配置
│       └── store #数据状态管理
│           └── modules
├── static #静态资源管理文件
├── test
│   ├── e2e
│   │   └── specs
│   └── unit
│       └── specs
└── userData #数据库初步存放路径后会修改

plugins prediction

sortablejs 轻量级的拖放排序列表的js插件

jszip 文件压缩与解压

decompress-zip 提取ZIP存档的内容file

chardet/jschardet: 用来实现字符串/文件编码检测模板

sortablejs:拖放排序组件

vuedraggable:实现拖拽效果

auto-launch:在启动/登录/启动时启动任何应用程序或可执行文件

diff-match-patch 文件差异和补全

html2rtf 将html转换为rtf格式

fs-extra node文件操作的封装

sqlite init

npm install --global windows-build-tools
npm install sqlite3 --save
npm install electron-rebuild --save

如果是mac系统的话,执行:

./node_modules/.bin/electron-rebuild

如果是win系统的话,执行:

.\node_modules\.bin\electron-rebuild.cmd

wrighting's People

Contributors

windinjune avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.