云端编辑器-Theia使用体验报告

Theia IDE简介

Theia IDE(eclipse-theia)是Eclipse 基金会打造的云端及桌面IDE框架,该产品旨在替代微软的 Visual Studio Code,Theia是完全开源的,由多元化开发者社区进行开发。

官网地址:https://theia-ide.org/

GitHub地址:https://github.com/eclipse-theia/theia

Theia的官网上的介绍是这样的描述的:

Eclipse Theia is an extensible platform to develop multi-language Cloud & Desktop IDEs with state-of-the-art web technologies.

可以从这句话中看出:Theia整合了云端IDE和桌面IDE,可扩展,支持多语言。

当作为云端IDE时,Theia会分为两个独立的进程,一个前端,一个后端(对应的就是本地浏览器和远程服务器),前后端通过WebsocketsJSON-RPC消息或HTTPREST API进行通信。而作为桌面IDE时,前端和后端均在本地运行。

官方提到Theia可以作为Visual Studio Code的替代方案,因此其界面也和Visual Studio Code极其相似。为了更进一步的替代VScode Theia原生支持VScode扩展协议,也就是说我可以在Theia上安装和重用VScode扩展,对于习惯使用VScode作为日常编辑器的程序员们尤其是前端程序员可以说是可以无痛迁移。进行云端开发。

腾讯云版Theia

Theia官网并没有直接给出安装包,是因为Theia并不是一个最终产品,它仍然处在一个高速开发阶段,用户需要根据自己的使用习惯及语言来进行安装。利用腾讯云轻量服务器可以一键配置云端Theia。

腾讯云服务器的镜像中的Theia IDE是1.5.0版本具有,官方最新版本是1.9版本。内置了Go、Python、Node.js、Clang及OpenJDK开发环境。

这是安装结束之后的界面,可以看出是基于Ubuntu Server 18.04 LTS 64bit版本,点击管理应用。

管理页面

要登录云端IDE需要获取访问地址,管理员账号及密码。

点击登录按钮会弹出远程登录页面,复制粘贴获取密码的代码即可获得账号及密码

获取密码:cat ~lighthouse/credentials.txt

修改密码:sudo htdigest -c ~lighthouse/passwd.digest lighthouse admin

修改密码时输入的密码不会显示在命令行中,需要输入两次相同密码

点击登录地址的http链接,用户确认,输入管理员账号密码即可

用户界面

进入之后用户初始页面如下,下面进行一些插件安装配置让它更符合我们的使用需求。

再装上几个常用的前端插件

代码测试

需要注意一点,云端编辑器还是要看服务器配置,小型项目无所谓,大型项目如果要上云端还是需要一个给力一点的服务器。

云端IDE最大的体验就是随时随地编程,只要有电脑有网就行。特别适合出差、旅游这种情况。配置好了哪怕自己的电脑不在身边也可以暂时用网吧电脑或者同事电脑临时码一下代码。

购买地址:https://curl.qcloud.com/qoxFL8HT

国内:1C1G3M只需要123一年100%CPU性能保证

国际:1C1G30M只需要24元/月,288/年

docker安装

项目地址:https://github.com/theia-ide/theia-apps#theia-docker

安装docker

curl -fsSL get.docker.com -o get-docker.sh
sudo sh get-docker.sh

推荐选择含有自己开发语言的版本镜像而不是标准版镜像,以full版本(含多种语言)为例

docker pull theiaide/theia-full
docker run -it --init -p 3000:3000 -v "$(pwd):/home/project:cached" theiaide/theia-full:latest

打开 http://localhost:3000即可

需要注意的是Theia本身并未含有认证机制,所有知道这个公网IP和端口号的人都可以使用。

安全的版本

Theia-https-docker 增加了 token 认证和 https,可以在标准镜像中加入 security layer,强烈建议使用它构造自己的镜像。构建也非常简单,按以下三个步骤操作即可,其中第三步的 --build-arg app= 填入需要使用的语言版本,这里使用的也是 full 版本。

git clone https://github.com/theia-ide/theia-apps.git
cd theia-apps/theia-https-docker
docker build . --build-arg app=theia-full -t theiaide/theia-full-sec

耐心等到构建完成,输入docke images就可看到自己构建的 theiaide/theia-full-sec 镜像。

之后就可运行,token 后接的是访问口令:

docker run --init -it -p 10443:10443 -e token=mysecrettoken -v "$(pwd):/home/project:cached" theiaide/theia-full-sec

但一般我们都需要后台运行,可以这样让容器后台运行:

docker run --init -itd -p 10443:10443 -e token=mysecrettoken -v "$(pwd):/home/project:cached" theiaide/theia-full-sec

如果要指定使用 /home/coding目录,后台运行,则是:

docker run --init -itd -p 10443:10443 -e token=mysecrettoken -v "$(pwd):/home/project:cached" theiaide/theia-full-sec

打开 https://ip地址:10443,输入 token 便可打开 Web IDE。也可直接使用 https://ip地址:10443/?token=mysecrettoken 直接打开。

变更权限

Theia默认使用了1000的userID,于宿主机不一致从而会造成权限问题。

解决方法有以下几种:

  1. 将挂载的文件权限改为 777,这种方法不太安全: chmod -R 777 /home/coding

  2. 指定用户运行,但如果使用的是 root,仍会有些不安全: docker run --user=root --init -it -p 10443:10443 -e token=mysecrettoken -v "$(pwd):/home/project:cached" theiaide/theia-full-sec

  3. 将挂载的文件夹属主改为1000,推荐这种方法: chown -R 1000 /home/coding

这样就可以愉快的使用啦。

更多精彩内容请访问原文链接:

https://2demo.top/168.html

推荐阅读:

1、利用onedrive搭配腾讯云轻量服务器搭建一个高速网盘 2、搭建一个无线存储的在线图床 3、利用腾讯云轻量服务器+宝塔快速搭建负载均衡网站 4、WordPress在NGINX和Litespeed下的性能对比测试

云端编辑器-Theia使用体验报告相关推荐

  1. iTools产品体验报告

    iTools产品体验报告 本文转载自人人都是产品经理,本文链接:http://www.woshipm.com/it/133705.html 概览 ○体验产品:iTools ios ○产品版本:V3.6 ...

  2. 红旗linuxcentos_用红旗Linux 11的体验报告,附使用红旗Linux 11截图

    以下是用红旗Linux 11(英文名是RedFlag Linux Desktop 11)的体验报告,另附上使用红旗Linux 11的桌面截图. 前言 首先,不带偏见的说下,红旗Linux 11因为是首 ...

  3. Android Jetpack Navigation 深入体验报告

    Android Jetpack 之 Navigation深入体验报告 前言 当前Android开发中使用Fragment来开发页面已经成为主流做法.Fragment轻量.可控性强等优点让人感觉很香. ...

  4. 叮当快药产品体验报告

    前几天感冒了,不想出去,机缘巧合之下写了这份体验报告,也是为了能够达到"阿德老师亲自指导写报告"那个活动贴的要求,哈哈~~.外话,生活确实越来越便利了! 查看全文 http://w ...

  5. 一篇网易获奖的产品分析来敲门:『有道云笔记』产品体验报告

    提醒:文章前面是一些个人絮叨,想直接看内容的跳过就好. 一.为什么有这篇报告 这篇报告我今年9月份参加某厂的"产品体验官"大赛的参赛作品,360余名参赛者中,获得12名," ...

  6. 【体验干货】产品经理必知:产品体验报告如何写的全而精

    微信ID:tsesup 公众号:pmheaven(产品作坊) 体验产品是PM工作中经常做的事情,企业也常留一些这样的实习作业给面试者,是因为产品体验报告一定程度上直观的反映了面试者的专业水平.求职过程 ...

  7. roads 用户体验标准_世界智能大会与ROAD用户体验报告

    近期由国家发展和改革委员会.科学技术部.工业和信息化部.国家互联网信息办公室等共同举办的2020年第四届世界智能大会在天津云上展开,超过百余位智能科技领域的知名专家和企业家参与了大会过程,其中车联网领 ...

  8. 分享一个B端产品体验报告

    下面是我们学员(微信昵称:西星)写的一份关于B端产品体验报告,分享给大家,欢迎小伙伴提意见,下面开始正文: 1. 产品概述 1.1 体验环境 系统版本:windows7 软件版本:JIRA v7.1. ...

  9. “租房帮”产品体验报告

    一个产品体验报告需要包括哪些内容,窃以为,不用搞得很复杂,回答几个问题就可以了. 最近在找房子,体验了一下搜房网推出的app"租房帮",写了一个产品体验,当做积累,发出来,欢迎交流 ...

最新文章

  1. poj1789(prim)
  2. 《央视-走遍中国》,没机会亲自去看,了解一下也好
  3. java 资料大全-转
  4. C++封装、构造函数、析构函数
  5. 揭开.NET 2.0配置之谜(一)
  6. windows server 2003R2\2008R2\2012\2016 安装【故障转移群集】cluster
  7. Dapr + .NET 实战(十二)服务调用之GRPC
  8. C#并发编程之异步编程(三)
  9. php面试题2018mysql_PHP程序员必会的MySQL面试题
  10. mysql 增加 date 列_mysql数据库修改添加Date格式列的方法
  11. 关于音乐中气息的练习
  12. OpenShift 4 - 使用教程和免费试用环境
  13. Maven传递依赖冲突解决(版本冲突)
  14. SQLServer之创建Transact-SQL DDL触发器
  15. java发送邮件带附件
  16. arcmap发布三维地图_如何使用高程DEM建立三维地图模型(Arcgis ArcScene)
  17. STC15单片机实战项目 - 原理图设计
  18. 链家网东莞二手房数据分析
  19. Android相机开发 延时摄影的一些实现思路
  20. vue移动端页面调用手机拍照_vue实现PC端调用摄像头拍照、移动端调用手机前置摄像头人脸录入、及图片旋转矫正、压缩上传base64格式/文件格式...

热门文章

  1. Artical--3--TCP_IP服务器端/客户端迭代二--通过服务器端进行计算
  2. 单片机显示Image2Lcd生成的单色图像
  3. 值得收藏!SCI论文Introduction常用句式总结
  4. 神马笔记 版本2.8.0——视频笔记
  5. 谷歌浏览器 设置多账户_使用多个Google帐户时如何设置默认帐户?
  6. 第三人称游戏人物控制
  7. 【模拟赛】10.15—10.17
  8. visio导出pdf图片存在多余白边和边框
  9. 实用盘点:10款高效办公软件,月薪2K变2W
  10. 决策树入门以及树模型的参数选择