投稿

可用于浏览器Web应用的终端组件–Xterm.js

Vedu • • 资源分享 • 阅读 1702

介绍

Xterm.js是一个用TypeScript编写的前端组件，它允许应用程序在浏览器中为用户提供功能齐全的终端。它被VS Code，Hyper和Theia等热门项目所使用。

可用于浏览器Web应用的终端组件——Xterm.js

Github（7k stars）

https://github.com/xtermjs/xterm.js

组件特性

  • 终端应用程序正常工作：

Xterm.js适用于大多数终端应用程序，如bash，vim和tmux，这包括对基于curses的应用程序和鼠标事件支持的支持

  • Performant：

Xterm.js 非常快，它甚至还包括一个GPU加速的渲染器

  • 丰富的 unicode 支持：

支持CJK，表情符号和IME

  • 自包含：

零依赖性

  • 可访问：

可以使用screenReaderMode选项打开屏幕阅读器支持

  • 更多特性：

链接，主题，插件，记录良好的API等。

可用于浏览器Web应用的终端组件——Xterm.js

开始使用

首先你需要安装模块，只通过npm方式，所以你需要安装，然后运行以下命令添加xterm.js作为依赖项：

npm install xterm

要在浏览器上开始使用xterm.js，请将xterm.js和xterm.css添加到html页面的头部。然后创建一个



xterm可以附加到其上。最后实例化Terminal对象，然后使用div的DOM对象调用open函数，如下所示：


<!doctype html>
  
 










可用于浏览器Web应用的终端组件——Xterm.js




真实案例


Xterm.js已用于一些世界级的应用程序，以提供良好的终端体验：




可用于浏览器Web应用的终端组件——Xterm.js




这其中包括了很多我们，特别是作为前端开发者们使用的VSCode也使用了Xtem.js，体验优秀！




总结


Xterm.js的出现可以让很多WebIDE焕发活力，能够将终端集成到WebIDE中来实现更加强大的功能，如果你有这方面的需求，不妨尝试使用Xterm.js！

                                                        
内容出处：，


声明：本网站所收集的部分公开资料来源于互联网，转载的目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。如果您发现网站上有侵犯您的知识产权的作品，请与我们取得联系，我们会及时修改或删除。文章链接：http://www.yixao.com/share/9814.html 
                        

                        

                            

                            

                                
 赞 (0)


                                                                    

                                         打赏
                                                
                                                                                                            
                                                        微信扫一扫
                                                            微信扫一扫                                                    
                                                                                                                                                                
                                                        支付宝扫一扫
                                                            支付宝扫一扫                                                    
                                                                                                    
                                    

                                                            


                            

                                

                                                                            

                                                                                        
                                                VeduVedu                                            
                                        

                                                                        

                                        

                                                                                         0                                             0                                                                                    

                                        
                                        

                                            
                                        

                                    

                                

                            


                            

                                                                    

                                        
                                        

                                             上一篇
                                            2020-08-20 09:35
                                        

                                    

                                                                                                    

                                        
                                        

                                            下一篇 
                                            2020-08-20 09:38
                                        

                                    

                                                            

                            
                            
相关推荐
                        

                        


    	

		
发表评论 
登录后才能评论