vscode---远程开发以及直接调试ts

1. 连接远程服务器

打开vscode选择扩展,安装Remote Development选择安装

vscode---远程开发以及直接调试ts_第1张图片

按F1,选择Connect to Host

vscode---远程开发以及直接调试ts_第2张图片

vscode---远程开发以及直接调试ts_第3张图片

 让你选择config文件保存在哪里,回车即可新建并编辑config文件vscode---远程开发以及直接调试ts_第4张图片

 在config文件配置如下

vscode---远程开发以及直接调试ts_第5张图片

config文件必须放到被授权的rsa秘钥所在的文件目录

vscode---远程开发以及直接调试ts_第6张图片

2. 配置免密登陆

之前安装了docker toolbox,可以在toolbox输入指令,一共2步

第一步,在windows下ssh-keygen

vscode---远程开发以及直接调试ts_第7张图片

第二步,用ssh-copy-id将公钥复制到远程机器中 

vscode---远程开发以及直接调试ts_第8张图片

即可免密登陆

3. 远程连接

点击按钮,会新开窗口远程连接

vscode---远程开发以及直接调试ts_第9张图片

选择需要打开的服务器代码路径

vscode---远程开发以及直接调试ts_第10张图片

然后可以像是在本地开发一样更改远程源文件,编译,调试 

4. 直接调试ts

按F5,选择浏览器chrome,会在.vscode路径下生成launch.json文件

配置如下

url: 浏览器要访问的地址

program:  node.js安装的路径

args: 程序的入口文件路径

vscode---远程开发以及直接调试ts_第11张图片

在想要调试的ts文件设置断点,然后按F5,自动打开浏览器进入调式 

你可能感兴趣的:(开发工具)