00:00
哈喽,大家好,我是老鱼皮,今天带大家体验一波远程开发,轻松有趣又实用,一起来看看吧。今天我们来做这个远程开发啊,在本地去操作服务器上的代码,我们就直接用那个VSQ的远程开发,啥是远程开发?代码不放在自己电脑上,而是在服务器上,然后第二点呢,就是在本地直接实时修改服务器上的代码文件,远程它是相对本地的,远程它是相对本地的,就是大家学编程的时候,我自己的一个记忆方法吧,就是你去把你现在要学的一个知识和以前的知识做一个对比或者关联,包括远程编辑,对吧?就假如说多人要同时远程编辑同一个服务器的代码文件,这个怎么处理对吧?怎么实时同步,这也是个问题,实时协作,然有什么那个远程低坝的对吧,远程调试,还有远程连接,然后我们看一下怎么实操啊,赶紧带大家去实战一下,我们对着这个教程来吧,开一个west code,对,然后一开始的话,你要创建这个远程S来连接是吧,我看一下怎么操作,选择remote,我搜一下remote它。
01:00
都提示我了,安装远程开发拓展,那就直接安装一下,然后它自动给我们列举出来了很多个那个安装包啊,我们看一下选择哪个比较好,这个的话应该是本地,本地远程开发,就是连接一个虚拟机上的文件,然后第二个的话容器是吧,连接到一个do容器,第三个的话是连接到一个远程的服务器,那这里我们是应该安装第三个,OK,我们再来输入一下control shift加P,搜一下那个S。艾六,然后这里SSH,哦,这里让用户名root at一个地址,然后哦,要更新一个SSH的那个文件,更新一个配置文件,那就更新这个吧,然后现在安装了这样一个主机,远远程的主机地址,还有它的用户名,然后我们连接一下试试,然后我们连接一下这个Linux的服务器,啊来试一下连接好,他现在正在连接,然后他问你是否要继续长,然后肯定会让你输入密码,对吧,那我这里输入一下密码,好现在已经连接了,兄弟们看现在就连接到远程了。哦,还是蛮方便的,它这里远程开发直接就就有点像操作本地的文件一样,我们看一下,然后我们看一下已经连接到远程,我们打开文件夹看看啊,这里理论上应该可以随便打开文件夹吧,我看一下这里我之前新建了一个目录叫services,大家看我把之前我的那个服务器的代码放到了这个services目录下,服务器是已经买好的服务器,然后我们这里打开文件夹,还可以显示本地的,也可以显示远程的,我们点确定,现在就进入到了我服务器上的这个目录,然后我给大家验证一下,现在我们这个叉SHL中也给大家连接一下,这个是我服务器上的那个文件夹,这个大家看这里是不是和我刚刚Vs code的左侧显示的这个目录,大家看,连接到这个远程服务器后,底下有一个target目录,有一个do file文件,对吧?我的这个实际的远程服务器上也有这样一个文件夹,也有这样一个文件,也能做到实时的读取和展示了,我再给大家看一个效果,再给大家看一个效果,我在这里假如说新建一个文件,我新建一个touch touch是touch是鱼皮,鱼皮是狗点TST,好兄弟们,发现没有?
02:51
我不知道大家看没看到效果,其实就是你在服务器上的任何操作,Vs code这边是实时同步的,对吧,那我们在反向操作一下,我在Vs code的这边把这个文件删掉。
03:03
我删除删除,大家看我在los诶怎么样,是不是没有这个文件对吧?因为他们操作的都是同一台机器,并不是说我在这里新加文件,是在自己的电脑创建文件,可以多人修改同一个文件的,我可以给大家去举个例子啊,我们现在去新建一个文件,好吧,新建一个文件,我用这个VI给大家操作一下,鱼皮是狗,好,新编辑一个文件啊,我们插入一行代码,OK,然后保存好,大家看这边突然就出现了点一下,大家看这边看到一行代码,在叉叉L中写下代码,OK,然后我们在服务器上也查看一下这个文件啊,大家看是不是啊,出现了这一行,我们刚刚写下代码,对吧?OK,然后我们现在在Vs code的写,在Vs code中写下的代码。对吧,保存,然后我们再来cat一下,来查看一下这个文件的内容,是不是相当于我在本地自己的电脑上直接就实时的对远程的服务器进行了一个编辑,你单个文件可以这样,你去同时修改一个目录是一样的,看一下还有没有其他玩法啊哦,还可以将云端的端口和本地的端口进行映射,你在那个远程的3000端口启动了一个项目,没办法在本地的3000端口去访问到这个项目的,所以你要把远程的3000和本地的3000作为一个映射,对,然后这样的话,你就可以在本地的3000访问远程服务器的同一个端口了,大概是这样的,好,大家看啊,我在这个远程的linuxx服务器上,3000端口跑了一个doer,好,大家看他这里访问访问到了对吧,就虽然说结果是404,但其实是访问到了我们的后台服务,它起码给你了一个响应对吧,那现在这个问题来了,假如说我在本地8080,他说能访问通吗?
04:43
能访问通吗?大家觉得呢?我访问这个肯定访问不通,为什么?因为我本地根本就没有跑起来8080这个项目,所以说如果我们要本地也输入8080从中访问的话,要做一个映射,我搜一下吧,搜一下forward,好,这里有一个转发端口,大家看ctrl shift加PK直接搜索命令,我们这里输入一个8080,诶大家看这个端口这边就已经完成转发了,那如果我们再去访问一下这个8080MP server,大家觉得能不能访问成功,大家看现在已经出现效果了,我都没有刷新它自己就更新了,对吧?现在就转发出来了,是不是这点意思,本地电脑可能你跑不起来前端项目,对吧?然后我们就可以在这个远程的服务器上,你去跑起一个前端项目,然后在远程服务器的3000端口去运行,运行完之后呢,我们只需要在本地建一个端口的映射。
05:33
就能够在本地的浏览器中实时查看这个网站的效果,并且呢,我想编辑也可以随时编辑,好了,我们现在无情一点吧,把这个删掉吧,把这删掉M-F于P行删掉,大家看左边诶,立刻就删掉对吧?OK,这就是远程开发,好大家以后可以试一试啊远程开发有一个好处就是说假如说你们团队的人要同时编辑一个代码就很简单了,你不仅说是可以在远程的服务器实时去编辑代码,你还可以随便的去管理你的远程服务器上的文件。以上就是本期内容,怎么样?大家学费了吗?我是于皮,一名在变出也在带大家变强的程序员up持续分享编程学习经验和技术干货,带大家少走弯路少掉毛。有帮助的话请着点赞收藏投币三连支持,谢谢大家,我们下期再见。
我来说两句