electron开发app

2019-07-09 14:13:07 浏览数 (1)

新建electron项目

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

package.json中

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

index.html文件

代码语言:javascript复制
<html>
    <head></head>
    <body></body>
</html>

main.js文件

代码语言:javascript复制
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配置

0 人点赞