当前位置: 首页 > news >正文

中文网站 可以做谷歌推广吗一句吸引人的广告语

中文网站 可以做谷歌推广吗,一句吸引人的广告语,美甲网站模板,wap自助建站排板目录 1、创建vite项目 2、添加需求文件 3、根据package.json文件安装依赖 4、打包 5、electron命令运行 6、electron-packager打包成exe文件 Build cross-platform desktop apps with JavaScript, HTML, and CSS | Electron 1、创建vite项目 npm create vitelatest 2、添…

目录

1、创建vite项目

2、添加需求文件

3、根据package.json文件安装依赖

4、打包

5、electron命令运行

6、electron-packager打包成exe文件


 Build cross-platform desktop apps with JavaScript, HTML, and CSS | Electron

1、创建vite项目

npm create vite@latest

2、添加需求文件

根目录下新建main.js

// main.js// Modules to control application life and create native browser window
const { app, BrowserWindow } = require('electron')
const path = require('node:path')const createWindow = () => {// Create the browser window.const mainWindow = new BrowserWindow({width: 800,height: 600,webPreferences: {preload: path.join(__dirname, 'preload.js')}})// 加载 index.htmlmainWindow.loadFile('./dist/index.html')// 打开开发工具// mainWindow.webContents.openDevTools()
}// 这段程序将会在 Electron 结束初始化
// 和创建浏览器窗口的时候调用
// 部分 API 在 ready 事件触发后才能使用。
app.whenReady().then(() => {createWindow()app.on('activate', () => {// 在 macOS 系统内, 如果没有已开启的应用窗口// 点击托盘图标时通常会重新创建一个新窗口if (BrowserWindow.getAllWindows().length === 0) createWindow()})
})// 除了 macOS 外,当所有窗口都被关闭的时候退出程序。 因此, 通常
// 对应用程序和它们的菜单栏来说应该时刻保持激活状态, 
// 直到用户使用 Cmd + Q 明确退出
app.on('window-all-closed', () => {if (process.platform !== 'darwin') app.quit()
})// 在当前文件中你可以引入所有的主进程代码
// 也可以拆分成几个文件,然后用 require 导入。

根目录下新建preload.js文件 

// preload.js// 所有的 Node.js API接口 都可以在 preload 进程中被调用.
// 它拥有与Chrome扩展一样的沙盒。
window.addEventListener('DOMContentLoaded', () => {const replaceText = (selector, text) => {const element = document.getElementById(selector)if (element) element.innerText = text}for (const dependency of ['chrome', 'node', 'electron']) {replaceText(`${dependency}-version`, process.versions[dependency])}
})

 vite.config.js中配置修改

// vite.config.ts
import { defineConfig } from "vite";
import vue from "@vitejs/plugin-vue";
import path from "path";export default defineConfig({base: "./", // 设置公共路径为相对路径,plugins: [vue()],resolve: {alias: {"@": path.resolve(__dirname, "src"),},},
});
//不设置路径,页面空白,提示找不到资源

 直接在package.json中添加缺少数据,或者根据缺失依赖逐个添加

//package.json
{"name": "my-electron-app","version": "1.0.0","description": "Hello World!","main": "main.js","author": "Jane Doe","license": "MIT","scripts": {"dev": "vite","start": "electron .","build": "vite build","preview": "vite preview","electron:serve": "vite build & electron . ","packager": "electron-packager ./ App --platform=win32 --arch=x64 --overwrite"},"dependencies": {"vue": "^3.4.29"},"devDependencies": {"@vitejs/plugin-vue": "^5.0.5","electron": "^31.2.0","electron-packager": "^17.1.2","typescript": "^5.2.2","vite": "^5.3.1","vue-tsc": "^2.0.21"}
}
3、根据package.json文件安装依赖

yarn 

4、打包

yarn build

5、electron命令运行

yarn start

6、electron-packager打包成exe文件

 yarn packager

 

 在文件夹中双击打开

http://www.ds6.com.cn/news/29841.html

相关文章:

  • 怎么做网站管理济南seo优化外包服务
  • 网站开发有什么职位沈阳seo排名优化教程
  • 网站建设方案和报价表网络营销策划方案案例
  • 茂易网站建设无锡seo优化
  • 广州代理注册公司青岛seo青岛黑八网络最强
  • 免费做名片儿的网站如何优化关键词排名到首页
  • 珠宝网站形象设计seo网络营销推广排名
  • 食品包装设计用什么软件seo技术 快速网站排名
  • 可以做测试的英语网站制造业中小微企业
  • 上海网站建设的企国际新闻报道
  • 湖南送变电建设公司 网站网站技术外包公司
  • 天津市网站制作 公司百度一下你就知道下载
  • 建立自我追求无我是什么意思seo诊断a5
  • 手机特效视频制作软件免费东莞搜索优化十年乐云seo
  • 多语言网站建设 技术营业推广策略有哪些
  • 成都有什么好玩的娱乐场所武汉网站营销seo方案
  • 南京手机网站建设杭州关键词排名系统
  • 网站建设考试英雄联盟最新赛事
  • 网站制作与网页建设公司开发设计推荐
  • 哪里有做微商网站元搜索引擎有哪些
  • discuz门户论坛模板优化关键词排名推广
  • 天河做网站系统重庆网站快速排名优化
  • 迪奥官网网站做的好吗seo如何挖掘关键词
  • 网站建站哪个好网络营销和电子商务区别
  • 青海学会网站建设公司推广网站都有哪些
  • 在线直播网站怎么做cba最新积分榜
  • 专业的网站设计石家庄疫情最新情况
  • 苏州好的做网站的公司有哪些优化措施最新回应
  • 重庆特种作业操作证官网西安seo计费管理
  • 如何做资金盘网站seo 的作用和意义