百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 技术文章 > 正文

编码新时代就要到啦!GitHub推出编辑器可在网页上写代码

myzbx 2024-12-01 18:30 59 浏览

全文共1770字,预计学习时长7分钟



如果有一个软件可以做所有事该多好?事实上,我们正在一步步地接近这个梦想,浏览器可能是很多人点开最多的软件。


近十年来,电脑软件逐渐被网页取代:音乐从iTunes转移到了Spotify和Pandora网站上,文字编辑转移到了Google Docs和Office365在线文档,设计制作从Photoshop转移到了Figma。


然而,网页开发又与电脑性能息息相关,如今编程对电脑功能要求越来越高。虽然Glitch、CodePen等代码编辑工具已经允许开发人员在网页上完成部分工作,但更高级复杂的开发语言还是只能在软件里完成。


而GitHub将要改变这一现状。这家属于微软的公司推出了一款叫Codespaces的代码编辑器,不管你使用哪种设备,都完全可以在网页上写代码。


基于与Microsoft的Visual Studio代码编辑器相同的代码库(可在Windows,Linux和macOS上运行),Codespaces在GitHub网站上设置了一个按钮,点击即可链接到整个在线开发环境。


无论使用哪种开发环境,很多开发人员都选择在GitHub上浏览和存储代码,可见在GitHub上发布一款代码编辑器十分便捷,无需安装任何软件。


此外,Codespaces不只是个代码编辑器,它还是个“容器”,能容纳所有版本的服务器,这意味着你可以预先配置你在项目中用得到的所有资源,比如说PHP服务器和Redis缓存。



Docker公司将这一技术发扬光大。容器可以把服务器的功能打包成微小轻薄的模块,通过混合匹配搭建出一个开发环境。例如,如果你在做一个基于PHP的Laravel项目,你需要用到PHP服务器、MySQL以及Redis缓存。


利用容器化技术你可以指定你需要的每一项工具,每次打开代码库时它们就会自动启动,这样在不同电脑上完成同一个项目会变得更加方便快捷,也不需要每次都重新配置开发环境。


每个Codespaces环境都包含一个Dockerfile(用于指定环境的容器和配置)以及一个用于设置Codespaces开发环境的文件。与以往的开发环境不同,使用Codespaces无需在编码前配置本地服务器与应用程序。如果开发人员需要快速投入到项目开发中,只需点击即可准备好所有服务器和相关配置。



代码开发从本地转移到云端也为开发人员打开了互助的大门。Live Share 功能类似谷歌的共享文档,通过程序内置的音频和文本聊天功能允许远程开发人员共同解决编程问题。


此外,Codespaces最厉害的是它的一项远程功能,只要开发人员当前使用的设备上安装有MicrosoftVisual Studio Code软件,即便这台设备不是能运行实际所需代码库的重型电脑,开发人员也完全可以在该设备上开发项目。


运行时,他们可以通过这项远程功能访问自己的VisualStudio Code开发环境,使用云端网页编辑器,所有的设置、扩展程序甚至连颜色图案都是一样的,就好像在自己的电脑上工作一样。



Coder 和亚马逊的Cloud9等类似Codespaces的云端产品早在三年前就已出现,但Codespaces的优势在于它可与GitHub直接整合。


值得注意的是,第一次使用Codespaces时需要花点时间:你需要确定项目所需的技术并确保将他们设置正确。设置好之后,等到以后要用的时候,点击GitHub上的code就能在几秒钟内全部设置好,直接写代码就完事。


Microsoft为提升开发人员的体验做出了一系列努力,Codespaces是他们做出的最新成果。2016年,Microsof开始决定windows用户可以体验Linux系统,没人预料到微软会在其专有系统中增加对开源操作系统的支持,当时这令整个行业感到震惊。


在2018年,Microsoft收购了代码托管平台GitHub,今年GitHub又收购了npm的代码分发服务。Microsoft已将Visual Studio Code打造成最受欢迎的代码编辑器,根据最新的Stack Overflow Developer Survey数据显示,超过50%的开发人员都在使用这款软件。


据推测,Microsoft可能是想在获得开发人员支持后再通过这些产品盈利,开发人员很可能会最终选择把项目托管在Microsoft的云端托管平台Azure上。


但是,Codespaces这样的产品,是使用Chromebooks甚至是iPad等便携式设备用户的福音,许多软件都无法在这些设备上安装。使用云端软件就不会受到这些限制的影响,只要你能联网,无所谓你用什么设备写代码。



对笔者来说,软件开发转移到云端最令人兴奋的地方在于:有想用什么电脑就用什么电脑的自由,即便这台电脑严格来说不适合做软件开发,例如搭载功能受限的ARM处理器的Surface Pro X,下载一个最新版本的网页浏览器就足以了。


这对新手来说也是个好消息,无论是用5000美元的MacBook Pro还是用300美元的Chromebook,在云端开发都是一样的。


编码新时代就要到啦!


留言点赞关注

我们一起分享AI学习与发展的干货

如转载,请后台留言,遵守转载规范

相关推荐

如何设计一个优秀的电子商务产品详情页

加入人人都是产品经理【起点学院】产品经理实战训练营,BAT产品总监手把手带你学产品电子商务网站的产品详情页面无疑是设计师和开发人员关注的最重要的网页之一。产品详情页面是客户作出“加入购物车”决定的页面...

怎么在JS中使用Ajax进行异步请求?

大家好,今天我来分享一项JavaScript的实战技巧,即如何在JS中使用Ajax进行异步请求,让你的网页速度瞬间提升。Ajax是一种在不刷新整个网页的情况下与服务器进行数据交互的技术,可以实现异步加...

中小企业如何组建,管理团队_中小企业应当如何开展组织结构设计变革

前言写了太多关于产品的东西觉得应该换换口味.从码农到架构师,从前端到平面再到UI、UE,最后走向了产品这条不归路,其实以前一直再给你们讲.产品经理跟项目经理区别没有特别大,两个岗位之间有很...

前端监控 SDK 开发分享_前端监控系统 开源

一、前言随着前端的发展和被重视,慢慢的行业内对于前端监控系统的重视程度也在增加。这里不对为什么需要监控再做解释。那我们先直接说说需求。对于中小型公司来说,可以直接使用三方的监控,比如自己搭建一套免费的...

Ajax 会被 fetch 取代吗?Axios 怎么办?

大家好,很高兴又见面了,我是"高级前端进阶",由我带着大家一起关注前端前沿、深入前端底层技术,大家一起进步,也欢迎大家关注、点赞、收藏、转发!今天给大家带来的主题是ajax、fetch...

前端面试题《AJAX》_前端面试ajax考点汇总

1.什么是ajax?ajax作用是什么?AJAX=异步JavaScript和XML。AJAX是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换,AJAX可以使网页实...

Ajax 详细介绍_ajax

1、ajax是什么?asynchronousjavascriptandxml:异步的javascript和xml。ajax是用来改善用户体验的一种技术,其本质是利用浏览器内置的一个特殊的...

6款可替代dreamweaver的工具_替代powerdesigner的工具

dreamweaver对一个web前端工作者来说,再熟悉不过了,像我07年接触web前端开发就是用的dreamweaver,一直用到现在,身边的朋友有跟我推荐过各种更好用的可替代dreamweaver...

我敢保证,全网没有再比这更详细的Java知识点总结了,送你啊

接下来你看到的将是全网最详细的Java知识点总结,全文分为三大部分:Java基础、Java框架、Java+云数据小编将为大家仔细讲解每大部分里面的详细知识点,别眨眼,从小白到大佬、零基础到精通,你绝...

福斯《死侍》发布新剧照 "小贱贱"韦德被改造前造型曝光

时光网讯福斯出品的科幻片《死侍》今天发布新剧照,其中一张是较为罕见的死侍在被改造之前的剧照,其余两张剧照都是死侍在执行任务中的状态。据外媒推测,片方此时发布剧照,预计是为了给不久之后影片发布首款正式预...

2021年超详细的java学习路线总结—纯干货分享

本文整理了java开发的学习路线和相关的学习资源,非常适合零基础入门java的同学,希望大家在学习的时候,能够节省时间。纯干货,良心推荐!第一阶段:Java基础重点知识点:数据类型、核心语法、面向对象...

不用海淘,真黑五来到你身边:亚马逊15件热卖爆款推荐!

Fujifilm富士instaxMini8小黄人拍立得相机(黄色/蓝色)扫二维码进入购物页面黑五是入手一个轻巧可爱的拍立得相机的好时机,此款是mini8的小黄人特别版,除了颜色涂装成小黄人...

2025 年 Python 爬虫四大前沿技术:从异步到 AI

作为互联网大厂的后端Python爬虫开发,你是否也曾遇到过这些痛点:面对海量目标URL,单线程爬虫爬取一周还没完成任务;动态渲染的SPA页面,requests库返回的全是空白代码;好不容易...

最贱超级英雄《死侍》来了!_死侍超燃

死侍Deadpool(2016)导演:蒂姆·米勒编剧:略特·里斯/保罗·沃尼克主演:瑞恩·雷诺兹/莫蕾娜·巴卡林/吉娜·卡拉诺/艾德·斯克林/T·J·米勒类型:动作/...

停止javascript的ajax请求,取消axios请求,取消reactfetch请求

一、Ajax原生里可以通过XMLHttpRequest对象上的abort方法来中断ajax。注意abort方法不能阻止向服务器发送请求,只能停止当前ajax请求。停止javascript的ajax请求...