实例效果

本文将通过html、js、webpack、node技术实现一个最小单元的web端terminal，该terminal可以与cmd命令工具中的环境保持一致，运行命令；

有需要的码友可以去github上down下来运行一下~

项目地址：https://github.com/huyifan/poc-web-xterm

关于项目无法启动

有些小伙伴私信我说这个项目按照readme里的步骤操作，最后项目无法跑起来，在server里会报错

Setting encoding on Windows is not supported
innerError { Error: Cannot find module '../build/Debug/conpty.node'

之类的问题，这里是笔者的失误，没有讲清楚。

node-pty是需要经过编译的（通过npm install 命令完成），这里通过node-pty官网的介绍就能看出：

针对wiindows系统

 

 

这里需要三个条件：
（1）npm安装windows-build-tools
（2）安装windowsSDK
（3）nodeJs 10+

经笔者测试，node 12.18.2版本是可以成功通过的；如果发现无法编译成功，可以尝试切换node的版本；

传送门

https://github.com/microsoft/xterm.js 前端

https://github.com/microsoft/node-pty 后台

nodejs下 electron 使用 Web Termination