【前】xterm+node-pty打造前端環境下的terminal（附實例）

背景

 

實例效果

本文將通過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

作者：一顆語法糖
鏈接：https://www.jianshu.com/p/fc831ebfd9c1
來源：簡書
著作權歸作者所有。商業轉載請聯系作者獲得授權，非商業轉載請注明出處。