初始化vite项目yarn create vite todolist --template vue-tscd todolist yarn yarn dev浏览器访问3000端口安装Electronyarn add -D electron electron-builder rimraf vite-plugin-electron electron-devtools-installer如果觉得安装慢,可
使用 React+Typescript+Electron 开发跨平台桌面应用简介electron 是跨平台桌面应用开发工具,electron 的工作原理大致就是使用 V8 引擎运行 web 应用,于浏览器运行 web 应用的区别就是 electron 支持所有的 NodeJs 的 api(能力),我们可以使用 electron 调用很多浏览器无法调用的操作系统的能力,比如操作文件系统等等。Elec
当前js能做的事越来越多,从普通的管理后台到h5,从小程序到RN,weex等移动端应用的实现,从前端到nodejs实现后端服务。它做了一切能涵盖的方面,当然,也不能放过桌面端应用。当前最流行的js桌面开发框架莫过于nw.js和electron。这里我们就用electron来实现一个简单的桌面端小应用。当前实现electron最成功的实例莫过于微软的vs code 了,前端的同学应该不会陌生,不过
# 使用 TypeScript 开发桌面应用程序 随着 TypeScript 的兴起,越来越多的开发者选择使用这种强类型的 JavaScript 超集来创建桌面应用程序。本文将介绍如何使用 TypeScript 开发桌面应用,带有代码示例以及相关的流程图和序列图,帮助新手开发者快速入门。 ## 1. TypeScript 概述 TypeScript 是 Microsoft 开发的一种编程语言
原创 2024-10-16 05:07:03
178阅读
TypeScript是JavaScript类型的超集,它可以编译成纯JavaScript代码,TypeScript可以在任何浏览器,任何计算机和任何操作系统上运行。目录依赖环境 搭建步骤1.新建一个文件夹2.初始化一个NPM项目3.安装typescript 包4.新建一个tsconfig.json 5.新建一个index.ts6.编译生成js文件7.运行js文件依赖环境需要先安
转载 2024-02-03 04:56:11
383阅读
目录结合React+TypeScript进行Electron开发1. electron基本简介为什么选择electron?2. 快速上手2.1 安装React(template为ts)2.2 快速配置React2.3 安装electron2.4 配置main.js、preload.js和package.json文件2.5 运行electron项目2.6 打包项目3. 自动刷新页面4. 主进程和渲染
转载 2023-11-01 22:00:46
705阅读
# 使用 TypeScript 开发桌面应用:一个简单的入门指南 随着现代 web 技术的发展,越来越多的开发者开始选择使用 JavaScript 和 TypeScript 来构建桌面应用程序。TypeScript 提供的强类型系统和丰富的开发工具,使得在开发大型应用时更加高效和安全。本文将带你了解如何使用 TypeScript 开发桌面应用,并提供一个简单的代码示例以及相关的 UML 图表,以
原创 9月前
553阅读
在现代应用开发的环境中,TypeScript正在逐步成为桌面开发的重要工具。无论是通过Electron还是其他框架,使用TypeScript构建桌面应用的过程通常涉及多个技术领域的深入理解。这篇博文将全面探讨在TypeScript桌面开发中所遇到的挑战与解决方案,涵盖版本对比、迁移指南、兼容性处理、实战案例、排错指南以及生态扩展的详细内容。 ### 版本对比 在TypeScript开发中,各个
typescript全栈 (Quickly Create a Full-Stack Web App in TypeScript) (Using Vue.js 3, Node.js, and PostgreSQL) Photo by the author. 图片由作者提供。
对于使用Qt开发桌面软件的小伙伴,这里博主整理了一些常用技术,若大家有兴趣可以一一进行深入研究与探索。严格来说,本篇博文并不能作为一篇学习技术的博客,更多的是对日常开发中高频使用的技术进行总结。由于博主技术及认知有限,若有笔误的地方请多多指正!本篇博客整体上分为八个部分,分别是:常用工具类、常用控件类、事件处理与事件机制、QML开发、Qt应用开发框架与MVC思想、消息机制、动态库调用、插件机制 。
转载 2024-09-02 10:08:13
190阅读
TypeScript是JavaScript类型的超集,它可以编译成纯JavaScript。TypeScript可以在任何浏览器、任何计算机和任何操作系统上运行,并且是开源的。什么是 TypeScriptTypeScript 是 JavaScript 的、带有类型的超集,并且能够编译成普通的 JavaScript。编译:类型:超集:TypeScript 本身支持所有 JavaScript 的语法,并
简介TypeScript一直发展不错,我们公司在开发新功能时,考虑到程序的可维护性,使用了TypeScript编写浏览器上的程序,我们是从零开始使用TypeScript,甚至我连javascript也是半罐子,本文描述了一个c#程序员认识TypeScript的过程。注:本文编写时,基于Typescript0.8版本,而且初用,可能过时,具体规范可以参考http://www.typescriptla
转载 2024-08-18 13:16:46
37阅读
还是摘自L小庸的文章,加入了一点个人的实践和理解经过第一部分开发 React Native APP —— 从改造官方 Demo 开始(1)介绍,App 框架基本构建完成,这部分主要关注 UI/交互、App 发布前的准备工作及如何发布,具体内容包括:在使用 react navigation 的前提下,iOS 实现单个页面从下往上(modal)的进入动画尺寸自适应设置启动页,更换桌面图标、app 展示
转载 2024-01-21 10:16:06
149阅读
192013-10-08 03:48:19 +08:00AAuto编程语言====================================================AAuto是专用于桌面软件快速开发的新一代混合型编程语言,兼具动态、静态语言优势,语法更可兼容大部分流行语言,学习成本低,开发速度快,并永久免费。AAuto是一种动态语言,但是同时支持静态类型开发,下面的代码定义了一个结构
文章目录heart-front-end简介安装依赖启动服务登录约定目录结构组件存放一些工具BaseModal.vue描述属性说明Commons.tsshowModulefindModalByIdgetIconColorcreateIdloadMenuTreeDatafindMenuByUrlRequest装饰器可选中菜单样式过渡动画全局配置文件个性化自定义壁纸自定义主题对接自己的后端 heart
在ts中, 你可以对类进行约束, 在构造子类时遵循这些约束即可目录1. 定义一个普通的类2. 类的继承3. 共有私有修饰符4. readonly修饰符         5. 存取器         6. 静态属性         7. 抽象类8.接口
学习任何的开发,我们都需要对应的环境:包括TypeScript的编译环境和开发工具。这个章节里面,我们就来完成它们的搭建,后续就可以愉快的来写TypeScript代码了。一. 环境搭建1.1. TypeScript环境安装由于TypeScript最终会被编译成JavaScript代码,所以我们必然需要对应的编译环境:首先,TypeScript的环境安装依赖Node,所以需要先保证电脑上有Node和
转载 2023-08-10 21:51:58
344阅读
学习笔记:、1.js是弱语言,声明变量时不用指明变量类型(编译时会自动识别),而ts使用变量时一定要指明变量类型,且当赋值给它不同的类型时会报错2.ts指明变量类型,可以用string、number,还可以用any,any就表示可以为任意类型3.ts的类型:string、number、boolean、Arraynull、undefined、Symbol、Object新增:tuple、enum、an
转载 1月前
397阅读
文章目录1️⃣ TypeScript常用讲解1.1 使用1.2 字符串1.3 数字1.3 布尔1.4 数组1.5 元组1.6 枚举1.7 any1.8 void1.9 object1.10 函数指定返回值的类型1.11 联合类型1.12 类型断言1.13 接口1.14 函数类型1.15 类类型1.16 泛型2️⃣ 类2.1 类的基本写法2.2 类的继承2.3 类的修饰符2.4 类的静态属性2.5
  使用Visual Studio Code搭建TypeScript开发环境1、TypeScript是干什么的 ?TypeScript是由微软Anders Hejlsberg(安德斯·海尔斯伯格,也是本人的偶像)领衔开发的。(安德斯·海尔斯伯格是Delphi 和 C#之父,Turbo Pascal 编译器的主要作者,.NET 概念发起人之
  • 1
  • 2
  • 3
  • 4
  • 5