河南郑州做网站,推广普通话奋进新征程宣传语,孝感网站建设,陕西省建设厅申报网站如果你是学生#xff0c;你还在你的 windows 电脑上为各种环境配置头疼的时候#xff0c;你应该了解一下 Remote Development。如果你喜欢 linux 的开发环境和舒适的 shell#xff0c;但却不舍得抛弃 windows/macos 图形界面给你带来的用户体验和一些软件的兼容(QQ, 微信), … 如果你是学生你还在你的 windows 电脑上为各种环境配置头疼的时候你应该了解一下 Remote Development。如果你喜欢 linux 的开发环境和舒适的 shell但却不舍得抛弃 windows/macos 图形界面给你带来的用户体验和一些软件的兼容(QQ, 微信), 那么 Remote Development 是你最好的选择。如果你还在纠结更换电脑需要重新配置本地环境装 python装 jre装 node... Remote Development 将一举解决此问题将开发环境和本地解耦。如果你的开发需要更好的网络更强的性能想着提升本地机器性能的同时你也要思考下是否可以利用服务器的网络和性能来进行 Remote Development。这篇文章小岱将带你从零开始购买云服务器配置 ssh安装相关 VSCode 插件实现远程开发。购买/配置自己的云服务器由于本文主要面向学生群体, 将假设读者具有学生身份,或者不满二十五岁。我们进入购买云服务器的链接https://cloud.tencent.com/act/campus看到页面中的服务器一个月十块可以说是相当便宜了点击购买然后选择系统镜像CentOS 和 Ubuntu 选一个小岱比较喜欢 Ubuntu选择 Ubuntu 即可最后的配置如下随后进入控制台查看你的服务器页面右上角进入控制台点击云服务器查看我们的云服务器实例然后对服务器进行密码重设设置成我们自己的密码完成密码重设后服务器会重启但是速度很快大概几秒钟就重启完毕然后点击登录点击立即登录我们的默认用户名就是 ubuntu我们暂且就用默认的不改了输入我们刚才设置的密码然后进入服务器终端欢迎你进入了你的服务器~配置 VS CodeVSCode 的配置很简单只需要打开 VSCode在插件市场中搜索 remote development然后安装即可注意这是一个 Extension Pack是几个扩展打包在一起的它包含了 Remote-WSLRemote-SSHRemote-Container我们使用的其实是 Remote-SSH 插件。安装 SSH Client先在本地安装 SSH Client只需打开注意就是本地不是在服务器 powershell管理员身份运行一个命令解决# 输入命令
Get-WindowsCapability -Online | ? Name -like OpenSSH*# 你应该会看到这个结果Name : OpenSSH.Client~~~~0.0.1.0
State : NotPresent
Name : OpenSSH.Server~~~~0.0.1.0
State : NotPresent然后再来一个命令正式安装# 安装 Client
Add-WindowsCapability -Online -Name OpenSSH.Client~~~~0.0.1.0# 返回如下结果说明安装成功Path :
Online : True
RestartNeeded : False配置 SSH key打开 command prompt输入命令 cd %USERPROFILE%/.ssh:然后看一下这个文件夹里的东西你的文件夹很可能是空的没关系因为我已经配置过了 ?。配置方法输入命令 ssh-keygen -t rsa -b 4096输入 id_rsa ,然后会提示你设置密码, 和刚才服务器的密码设置成相同的就行, 不然容易忘。随后你的文件夹里应该就有前面的 id_rsa 和id_rsa.pub 这两个文件了但是还缺一个 known_hosts。然后继续输入如下命令SET REMOTEHOSTyour-user-name-on-hosthost-fqdn-or-ip-goes-herescp %USERPROFILE%\.ssh\id_rsa.pub %REMOTEHOST%:~/tmp.pub
ssh %REMOTEHOST% mkdir -p ~/.ssh chmod 700 ~/.ssh cat ~/tmp.pub ~/.ssh/authorized_keys chmod 600 ~/.ssh/authorized_keys rm -f ~/tmp.pub第一个命令是设置环境变量事实上在 cmd 中设置环境变量只是一个命令的事。REMOTEHOST 后面的和刚才的一样,也是 用户名 主机IP 。后面两个命令是把你本地生成的 pub 文件拷贝到你的远程服务器去。配置完毕~~~~开始享受远程开发打开你的 VSCode按 ctrl shift p, 弹出命令搜索框搜索 remote选择该命令和我们的远程服务器建立连接在弹出的搜索框里输入我们的 用户名 主机ip然后就会发现 VSCode 打开了一个新窗口这个窗口会提示你输密码只需输入我们刚才配置 ssh key 的时候输入的密码即可。点击open folder就会看到我们服务器的文件然后我们进入其中的文件夹 Zhihu-Proxy-Web-app, 这是我用 nodejs 写的一个Web demo。按 ctrl 弹出终端, 迅速通过 apt-get 工具安装开发环境,然后运行我们的 demo web 服务:可以看到用户名和主机名都是我们的远程服务器, npm install 的速度也是非常的快, 毕竟服务器的网络是我们终端 PC 不能比的。应用在 3000 端口运行我们试着在本地浏览器里访问一下http://106.54.60.173:3000/一切正常这个 demo 的数据是通过和知乎后端 api 交互获取的不是简单的静态页面。下面简单总结一下远程开发的好处:开发环境与本地解耦更换电脑不影响开发。服务器的网络的速度和稳定性往往优于你的 PCnpm installgit clone 等命令会节省你非常多的时间。对外服务的应用可以直接通过公网快速访问方便分享和协作。本地的计算压力内存压力小即便是配置较低的电脑也能胜任。保留了 VSCode 桌面端的完美体验的同时还可以享受 linux 环境带来的便捷开发环境体验。保证开发环境和部署环境相同开发和部署无缝衔接。方便协作一个团队可以共享一个服务器共同对一个服务器进行开发/测试。如果你还是学生当你在学习操作系统等课程的时候这个工具简直就是降维打击可以节省你无限的时间。
