Electron学习第一天 ,启动项目

之前在安装官网的步骤操作,结果报错,找了好多办法,最后这种办法成功启动项目,并且没有报错,特此记录
特别提醒,最好安装淘宝镜像,npm 太慢,会导致报错问题,解决起来个人觉得比较麻烦
1 cnpm i electron -D (特别重要)
2 cnpm init
3 修改package.json 文件

  "main": "main.js",// 这里必须是main.js
  "scripts": {
   "start": "electron .", //这个必须加
 },

4 根据官网配置main.js

const { app, BrowserWindow } = require('electron')
const createWindow = () => {
    const win = new BrowserWindow({
      width: 800,
      height: 600
    })
  
    win.loadFile('index.html')
    win.webContents.openDevTools()  //打开调试窗口 
  }
  app.whenReady().then(() => {
    createWindow()
  })
  app.on('window-all-closed', () => {
    if (process.platform !== 'darwin') app.quit()
  })

5 根据官网配置index.html (内容随便写,我是直接复制官网的)



  
    
    
    
    
    
    你好!
  
  
    

你好!

我们正在使用 Node.js , Chromium , 和 Electron .

6 cnmp run start

你可能感兴趣的:(electron,学习,javascript)