使用vscode在ECS编辑文件,开发代码

简介: 使用vscode在ECS编辑文件,开发代码

vscode是Visual Studio Code,微软推出的功能强大,扩展丰富的编辑工具,可以用来做前后端各种不同环境开发,这里介绍使用vscode在远程ECS服务器上编辑文件,然后服务器上运行。
访问远程ECS需要配置免密登录,方法有很多,简单介绍就是先搜索安装一个git bash,然后在一个目录上右键点击“Git Bash Here”,这样可以打开一个模拟的linux界面
image.png
然后用ssh-keygen.exe -t rsa在~/.ssh目录下生成访问ECS服务器的密钥对,用scp命令传递~/.ssh/id_rsa.pub文件传递到ECS服务器上,ECS服务器上执行命令追加到认证文件cat id_rsa.pub>>~/.ssh/authorized_keys
用ssh命令测试登录ECS服务器是不是不用输入密码。

再打开vscode软件,点击左侧扩展图标,输入ssh,出现Remote – SSH扩展,右侧界面上选择安装,然后扩展将安装
image.png
安装ssh扩展完成后,再左侧点击远程资源管理器图标,在SSH TARGETS中点“+”按钮,添加目标服务器,会出现提示框,输入ssh root@server.com,创建信息到配置文件
image.png
image.png
然后点击服务器列表右侧的文件夹图标,将打开一个新的vscode窗口
新的vscode窗口左下角显示连接的服务器,然后界面上已连接到远程,可以选择“打开文件夹”
image.png
选择一个文件夹打开,提示是否信任文件夹,选择信任,然后打开了服务器的文件夹
image.png
文件夹中新建一个test.js文件,内容输入
console.log("remote ssh finish")

点击终端->新建终端菜单,右下角的终端窗口中输入node test.js运行测试
image.png
可以看到输出”remote ssh finish”,成功运行

相关实践学习
借助OSS搭建在线教育视频课程分享网站
本教程介绍如何基于云服务器ECS和对象存储OSS,搭建一个在线教育视频课程分享网站。
7天玩转云服务器
云服务器ECS(Elastic Compute Service)是一种弹性可伸缩的计算服务,可降低 IT 成本,提升运维效率。本课程手把手带你了解ECS、掌握基本操作、动手实操快照管理、镜像管理等。了解产品详情: https://www.aliyun.com/product/ecs
目录
相关文章
|
2月前
|
JavaScript 前端开发 应用服务中间件
【Vue面试题三十】、vue项目本地开发完成后部署到服务器后报404是什么原因呢?
这篇文章分析了Vue项目在服务器部署后出现404错误的原因,主要是由于history路由模式下服务器缺少对单页应用的支持,并提供了通过修改nginx配置使用`try_files`指令重定向所有请求到`index.html`的解决方案。
【Vue面试题三十】、vue项目本地开发完成后部署到服务器后报404是什么原因呢?
|
2月前
|
开发框架 JavaScript 前端开发
震撼!破解 ASP.NET 服务器控件 Button 执行顺序之谜,颠覆你的开发认知!
【8月更文挑战第16天】在ASP.NET开发中,通过Button控件实现先执行JavaScript再触后台处理的需求十分常见。例如,在用户点击按钮前需前端验证或提示,确保操作无误后再传递数据至后台深度处理。此过程可通过设置Button的`OnClientClick`属性调用自定义JavaScript函数完成验证;若验证通过,则继续触发后台事件。此外,结合jQuery也能达到相同效果,利用`__doPostBack`手动触发服务器端事件。这种方式增强了应用的交互性和用户体验。
41 8
|
4天前
|
Java PHP
PHP作为广受青睐的服务器端脚本语言,在Web开发中占据重要地位。理解其垃圾回收机制有助于开发高效稳定的PHP应用。
【10月更文挑战第1天】PHP作为广受青睐的服务器端脚本语言,在Web开发中占据重要地位。其垃圾回收机制包括引用计数与循环垃圾回收,对提升应用性能和稳定性至关重要。本文通过具体案例分析,详细探讨PHP垃圾回收机制的工作原理,特别是如何解决循环引用问题。在PHP 8中,垃圾回收机制得到进一步优化,提高了效率和准确性。理解这些机制有助于开发高效稳定的PHP应用。
18 3
|
5天前
|
Linux C语言 C++
vsCode远程执行c和c++代码并操控linux服务器完整教程
这篇文章提供了一个完整的教程,介绍如何在Visual Studio Code中配置和使用插件来远程执行C和C++代码,并操控Linux服务器,包括安装VSCode、安装插件、配置插件、配置编译工具、升级glibc和编写代码进行调试的步骤。
20 0
vsCode远程执行c和c++代码并操控linux服务器完整教程
|
21天前
|
开发框架 .NET C#
VSCode开发.net项目时调试无效
【9月更文挑战第22天】在使用 VSCode 开发 .NET 项目时遇到调试问题,可从项目配置、调试配置、调试器安装、运行环境、日志和错误信息等方面排查。确认项目类型及文件配置,检查 `launch.json` 文件及配置项,确保调试器扩展已安装并启用,验证 .NET 运行时版本和环境变量,查看 VSCode 输出窗口和项目日志文件,检查权限及代码错误。若问题仍未解决,可查阅官方文档或社区论坛。
|
3天前
|
Ubuntu Linux 数据安全/隐私保护
Ubuntu搭建vscode服务器
Ubuntu搭建vscode服务器
|
3天前
|
Web App开发 Ubuntu Linux
Ubuntu搭建vscode服务器
Ubuntu搭建vscode服务器
|
1月前
开发小技巧vscode
开发小技巧vscode
36 2
|
1月前
|
开发框架 JavaScript 前端开发