前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >electron开发app

electron开发app

作者头像
sofu456
发布2019-07-09 14:13:07
2K0
发布2019-07-09 14:13:07
举报
文章被收录于专栏:sofu456sofu456sofu456

新建electron项目

npm init 后填写项目基本信息生成package.json文件

package.json中

  • “main"指定文件"main.js”,
  • “script"制定"start"为"electron .”------->npm run start

index.html文件

<html>
    <head></head>
    <body></body>
</html>

main.js文件

var electron = require('electron')
var app = electron.app
app.on("ready",()=>{
    win = new electron.BrowserWindow({width:"800",height:"600"})
    win.loadURL("index.html")
})

package.json中添加依赖库

npm install 模块名称 --save 或者 --save-dev –save是对生产环境所需依赖的声明(开发应用中使用的框架,库) –save-dev是开发环境所需依赖 比如:jq,react,vue都需要放到这里面 –save-dev是对开发环境所需依赖的声明(构建工具,测试工具) 比如:babel,webpack,都放到当前目录

vscode调试配置

addconfiguration添加nodejs electron main配置

配置vue.js

npm install -g vue-cli安装vue命令行 vue init webpack 项目名称初始化vue配置

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2018年12月05日,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 新建electron项目
  • package.json中添加依赖库
  • vscode调试配置
  • 配置vue.js
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档