electron、nodejs、typescript、idea 组合开发,安装和配置 以及错误 等 详细说明
1. 创建项目,创建时 选择 nodejs 项目,因为 开发 electron 与 开发 nodejs 基本一致。
2.安装 electron
npm i -D electron@beta
看目录分析:
他妈的 在 npm 官方网站是搜索框里都搜不到 这个,百度才出来,网址为:https://www.npmjs.com/package/@types/electron
3.安装 typescript
4.开始根据,electron的文档,开始实战。
接下来需要配置,typescript ,让main.ts自动 编译成 main.js 这个是我独创摸索的方法。
接下来,我们开始 分析一下 这个 demo的main.js的代码:
我们main.ts里 写代码的时候,发现没有智能提示!!!,这怎么能行,这是因为 官方 demo都是用的 commonjs模块化 + es6语法,即:只有在 js文件里写 才会有智能提示,
我们新建一个abc.js文件 而不是ts留意 ,然后把官方的main.js里的 代码 放到 abc.js 看下 是否会有智能提示。如下gif:
【重要!重要!重要!只所以,在ts下 没有 智能提示,原因是 ts的模块化 最终要翻译成 commonjs amd cmd es6标准模块 等等,需要兼容很多模块化,难点就在这里,问题点,也出在这里 非常重要,这里。】
那么ts的开发者 就必须 自己有一套 模块化,最终 把自己的这一套模块化 通过编译器 编译成 各种模块化规范,那么 ts官方 就指定了 针对最终要转换成 commonjs模块化规范时,在ts里 应该如何
写的规范,看官方文档:
/*
这个是官方的写法,这个是直接写在js 文件中的,没有问题,但是我们是用 ts的
需要改变
*/
//const { app, BrowserWindow } = require('electron');//另外注意,这是一种解构赋值写法.
若要引入,官方的模块的话,最好的方法 就是让 IDE自动引入把,看下面gif:
//看下ide自动引入是怎么引入的,以后就这么写把,推荐这么写,方便与IDE自动生成的一致。
import Electron = require("electron");
import BrowserWindow = Electron.BrowserWindow;//这种写法是typescript 命名空间 文档里说的 命名写法。留意一下。以后还是少用模块+命名空间的方式,太繁琐 容易出问题,除非第三方的js,自己写不要2种同时用,我们只用模块就可
import app = Electron.app;
electron、nodejs、typescript、idea 组合开发,安装和配置 以及错误 等 详细说明的更多相关文章
- Ubuntu 16.04 LTS nodejs+pm2+nginx+git 基础安装及配置环境(未完,未整理)
-.Ubuntu 安装nodejs 以下内容均在命令行,完成,首先你要去你电脑的home目录:cd ~. [sudo] apt-get update [sudo] apt-get upgrade ap ...
- ubuntu下安装和配置apache2+SVN的详细方法介绍
ubuntu安装和配置SVN第一步:安装apache2 libapache2-svn subversionsudo apt-get install apache2sudo apt-get insta ...
- 开始使用 Manjaro(添加源+字体渲染去模糊+软件安装+优化配置+常见错误)(30)
1. 添加 archlinux 镜像源 1. 步骤一 向 /etc/pacman.d/mirrorlist 中添加国内镜像地址 1.1 方法1:自动添加 1. 输入如下命令查看国内镜像源,并按质量排序 ...
- 【Nodejs】【node.js 安装 和 配置Sublime Text的Node.js】
[一] [安装nodejs] 第一步:下载安装文件: https://nodejs.org/en/download/ 第二步:安装nodejs 下载完成之后,双击"node-v6.10.1- ...
- 开始使用 Ubuntu(字体渲染去模糊+软件安装+优化配置+常见错误)(29)
1. 中文字体渲染美化 + 去模糊 步骤: 1. 解压安装 lulinux_fontsConf_181226.tar.gz,按里面的安装说明操作: 2. 开启字体渲染: 打开 unity-tweak- ...
- Anconda、Pycharm下载、安装、配置教程(极其详细)
Anacond的介绍 Anaconda指的是一个开源的Python发行版本,其包含了conda.Python等180多个科学包及其依赖项. 因为包含了大量的科学包,Anaconda 的下载文件比较大( ...
- JavaWeb开发Eclipse环境配置--史上最详细的教程
[前言] JSP本身是JavaWeb中的知识,但是在学习Android网络时,必然要涉及到与服务器之间的交互,所以学一下JSP以及其他JavaWeb的内容还是很有必要的,至少能明白程序在访问服务器时, ...
- 在phpstorm中安装、配置和运行phpunit详细教程
前提:安装了composer 一.安装phpunit组件 右键项目文件,composer---init composer,会生成一个composer.json文件 右键项目文件,composer--- ...
- Win7 32位系统下Java开发环境的安装及配置
目录: Java JDK安装. Java JDK系统环境的配置. 配置常见问题的解决. Java JDK的安装 Java Jdk(Java Development Kit)Java开发不可缺少的环境, ...
- 开发--CentOS-7安装及配置
开发|CentOS-7安装及配置 本文主要进行详细讲解CentOS7.5系统的安装过程,以及CentOS系统初始化技术.我并不想将这篇文章变成一个教程,尽管我将详细的进行每一步的讲解,enjoy! 前 ...
随机推荐
- win10系统怎么修改host文件
1.先根据下面路径找到host文件 C:\Windows\System32\drivers\etc 2.把HOST文件复制一份出来 3.修改完成后,直接替换就可以
- 编译busybox错误汇总
提示错误: arm-linux-gcc:Command not found PATH里有/usr/oca/arm/bin,但是make的时候,就是找不到 arm-linux-gcc 原因: ex ...
- 全流程机器视觉工程开发(一)环境准备,paddledetection和labelme
前言 我现在在准备做一个全流程的机器视觉的工程,之前做了很多理论相关的工作.大概理解了机器视觉的原理,然后大概了解了一下,我发现现在的库其实已经很发展了,完全不需要用到非常多的理论,只需要知道开发过程 ...
- C# ,使用“^”运算符对数字加密
原理:"异或"运算符"^", 用于比较两个二进制数的响应位.计算过程如果两个二进制数的相应位都为1或两个二进制数的相应位都为0,则返回0:如果两个二进制数的相应 ...
- 项目使用 GlobalExceptionHandler 与 @RestControllerAdvice自定义异常 二
未经博主允许不得转载: 自定义异常,不仅需要定义符合自己业务的异常状态码,也需要定义自己项目中的异常封装.记录下自己手敲代码中的异常封装: 1.定义一个枚举类,枚举类中定义状态码及状态码描述,再定义一 ...
- 6. 配置项:relabel_config
6.1relabel_config的位置 6.2 relabel_config参数详解 1.replace 2. keep 3.drop 6.labelkeep 7.hashmod 6.3 正则表达式 ...
- js - setInterval的停止与重新启动
使用js处理问题的时候,我们可能会经常使用到setInterval()来进行定时任务或者轮询的操作,那么如何让setInterval停止和重新启动呢,下边的代码就可以实现的呦,如果有更好的方法,不吝赐 ...
- Laravel - 使用 DB facade 实现CURD
<?php namespace App\Http\Controllers; use Illuminate\Http\Request; use Illuminate\Support\Facades ...
- Linux复习笔记
Linux复习笔记 常识说明 目录结构 Linux以树型结构管理文件,其最上层文件夹为 / ,也就是根目录. 如图所示,图中展示了一部分文件夹的结构: 所有的文件夹都属于根目录的子文件夹. 安装好系统 ...
- [转帖]windows10彻底关闭Windows Defender的4种方法
https://zhuanlan.zhihu.com/p/495107049 Windows Defender是windows10系统自带的杀毒软件.默认情况下它处于打开的状态.大多数第三方的杀毒软件 ...