需要先自行安装npm
手动创建一个如下结构文件目录(nodejs工程)用来运行electron,如下图:
命令行模式下,切换到工程根目录(这里就是test目录)
安装typescript:
安装electron:
自行建立上图中的各个文件 ,部分文件内容如下:
tsconfig.json
tsconfig更多具体配置参考官方文档:
https://www.tslang.cn/docs/handbook/compiler-options.html
package.json
"main": "./build/app.js" : 表示程序主入口是build目录下的app.js, app.js文件由是由tsc编译src/app.ts得到
"prestart":"tsc" : 表示在执行npm start之前先执行tsc进行当前工程目录的ts文件编译工作.
更多具体配置参考官方文档:
https://docs.npmjs.com/files/package.json
views/css目录和views/js目录 是具体业务逻辑:
index.html:
app.ts:
ClassA.ts:
在命令行模式中执行
显示结果:
在我们日常开发项目时，基本上会采用官方脚手架进行开发。然后使用官方脚手架开发也有缺点：不能很好的自定义一些功能。下面我将总结出来我是如何从零开始搭建前端工程的，希望对大家有所帮助。
基于tsc 编译
基于babel 编译
babel 的配置文件
建议： webpack 在业务中开发推荐使用babel 编译。 编辑js库使用tsc编译。
基本参数
严格检查
**
额外检查
**
模块解析检查
**
sourcemap检查
**
**
试验选项
**
试验选项
tsconfig.json 的基本配置
ts配置文件梳理完毕。
配置生效方式一：(修改vscode 配置)
方式二：给每个单独的工程增加配置文件
注意： 这里只是简单的列举了下需要的东西，和一个够用的配置。如果要按照具体需求配置的话，需要查看文档。
使用 git cz 命令：可以很方便的操作。
执行脚本：
major：升级主要版本
minor: 升级次要版本
patch：升级补丁版本
你是否在github上见过这样的release文档
操作步骤：
就可以得到上面好看的文档了。
结束！！！！
