# 淘淘-electron
一个JS开发桌面应用脚手架
技术特点:electron、vue、lowdb、element-ui
项目地址:https://gitee.com/taoxiaobao/taotao-electron (opens new window)
# 快速开始
# clone the project
git clone https://gitee.com/taoxiaobao/taotao-electron.git
# enter the project directory
cd taotao-electron
# install dependency
npm install
# develop
npm run dev
# 目录结构
详细可参考vue-electron官方文档:https://simulatedgreg.gitbooks.io/electron-vue/content/cn/ (opens new window)
├── build # 应用生成目录
├── dist # 静态资源生成目录
├── src # 项目主目录
│ ├── main # electron配置目录
│ ├── index.dev.js # electron 开发环境配置
│ ├── index.js # electron 生产环境配置
│ ├── renderer # 渲染主要代码目录
│ ├── api # 接口目录
│ ├── assets # 渲染静态资源
│ ├── components # 组件
│ ├── lowdb # lowdb配置及数据目录
│ ├── mock # mock数据
│ ├── router # 路由
│ ├── store # vue store
│ ├── util # global util
│ ├── views # 所有页面
│ ├── App.vue # main app component
│ ├── main.js # app entry file
├── static # 静态资源
├── tests # 测试
└── package.json # package.json
# 项目效果
# 使用问题
使用问题
# element-ui 表格数据不刷新
重新遍历数组赋值
// 查询列表
queryList () {
let list = pdb.queryList()
let td = []
list.forEach(element => {
td.push({id: element.id, name: element.name, date: element.date, desc: element.desc})
})
this.tableData = td
}
# 项目打包问题
打包
在良好的网络环境下,用npm install 打包,不要使用cnpm 打包