配置VSCode远程开发环境,第1张

参考: https://codevisualstudiocom/docs/remote/ssh#_getting-started

有几个步骤要做。

因为我安装了git,但是命令行调不出ssh,便选择将ssh路径加入vscode设置中。

打开settingsjson,F1键入 preferences open settings, 加入该行

"remoteSSHpath": "D:\Program Files\Git\usr\bin"

"remoteSSHpath": "D:\Program Files\Git\usr\bin \sshexe "

至此成功连接上远程服务器,接下来慢慢研究怎么配置golang环境。

vscode的远程功能是可以做到把本地不需要搭建环境的。

PS: extension上,UI这种存储在本地,其他工程相关的在远程服务器上。

开始配置golang环境:

windowzoomLevel 可以修改整体的缩放

问题是,订阅文件有很多个服务器,怎么选呢?

clash有个网页控制端, http://clashrazordtop/ ,会映射到localhost:9090

那么只要把服务器的9090端口打开,是不是可以远程修改服务器上的代理设置呢

原来clash监听的9090端口,是提供了restful API,前往 http://clashrazordtop/#/settings

这里默认调用localhost的clash API,可以在设置里把IP修改为目标服务器ip

然后就可以愉快的远程修改远程服务器代理配置。

(PS: 因为是腾讯云,记得在规则里添加9090。

(PS: sudo ufw -status -> inactive,并不需要修改服务器上的配置,隐约记得centos默认是有ufw的

然后需要把ubuntu的proxy设置改成走clash,因为工作环境是terminal,所以export http_proxy=localhost:7890即可,可以把export加入到zshrc里。

问题是socks5怎么解决,以前用过一款叫proxychains的。

初步结束

在要添加webservice的项目名称上右击,在右击菜单中选择添加服务引用

在弹出的窗口中可以输入服务的地址

可以引用解决方案中的服务,点击按钮发现

也可以点击高级按钮来专门添加webservice

在弹出的窗口中点击 添加web引用

在弹出窗口中可以输入web服务的地址,或者通过其他三种方式寻找web服务

比如引用解决方案中的web服务,点击此处,在出现的列表中选择要引用的服务

在出现的窗口中点击 添加引用即可

1、安装svn客户端TortoiseSVN。2、创建存放自己项目的文件夹,把本地创建好的vue项目代码提交到svn服务器上,不提交nodemodules。3、在本地要存放项目的地方右键svncheckout,填入上一步提交的路径,下载后用vscode打开此文件夹。4、在终端中执行命令npminstall,安装项目依赖。5、输入npmrundev运行项目。6、修改文件后直接在vscode左侧右键svnCommit就会显示需要提交的文件。

还没有纳入svn控制的文件才可以纳入忽略文件列表,已经被svn控制的文件是无法纳入到忽略文件列表的。若你的文件已经纳入svn控制,可以将导出另存到其他位置,然后将原工作区的文件夹删除,commit一下,再把刚才另存的文件夹复制回来,这样此文件夹就脱离svn控制啦。

这个显然是处理前端跨域最优的方法了,在此记录下来方便以后使用,附送scss 转 css

使用 vscode IDE作为编写工具

1搜索并加载 vscode 插件 live server

2要文件根目录创建 "vscode" 目录

3在 vscode 目录下创建settingsjson

4proxUri 为代理的目标地址

5baseUri 识别代理的符号 (如下例中 baseUri: '/api', 则以"/api"开头的网络请求都将被识别为需要代理转发的地址,并把 ‘/api’重写为空"")

1ajax请求会受到浏览器同源策略的限制(同源 = 域名 + 端口 都一致)

2ajax请求默认携带 同源下的所有cookie, 如果不做限制 a 去请求 b 的时候就等于把a所有的cookie 都告诉b。

3同源下: 张三的网站只能访问张三的内容如鞋子衣服吃饭等等,如果想访问李四的,浏览器就不让你干了。如果充许这么干的话,张三的cookie隐私将直接暴露给李四,李四有可能干一些不怀好意的事情。

4跨域情况:张三把钱都放在李四那里,现在张三想去李四那边取钱,这时候就需要跨域了。

5跨域怎么解决呢?接下来把解决问题的思路简单描绘一下。

51:李四告诉全世界说我对钱不感兴趣,只要我有,你们所有人都随便来取。因此,当浏览器看到张三要取钱的人是李四这种慈善家,就不再拦着你了。

52:李四不是慈善家怎么办?于是张三这个时候就很讨厌浏览器,想了个办法绕过浏览器,然后另外找了个代理去跟李四取钱

521: 问题是绕过浏览器?怎么绕呢? 于是张三自己建了个服务器,每次要跟李四取钱的时候就欺骗浏览器说我要跟自己的服务器取钱,浏览器这个时候也就不再拦着你了

522:当张三自己的服务器接收到跟李四取钱任务后,就以proxy代理的身份向李四取钱,取完钱之后再通过浏览器给了张三

523:vscode 中的live server 插件里面就这个代理向李四取钱的代理服务器功能,本文settingsjson 中包含了配置信息

6当然还有一些很多牛叉的解决跨域的方法。若有兴趣的同学可以一起研究探讨。

废话在线,肯定首先要安装 vs code 和 nodejs(既然是前端就必须回,不会的面壁思过)

然后在命令符中输入 npm install -g live-server 进行安装,(简单的NPM安装)

安装成功后在vscode里 “查看” - “集成终端”或者 文件夹命令提示符 里面输入 live-server ,

等待浏览器会自动打开 http://127001:8080/ 这个端口,

这样我们就能像webstorm等IDE这样在本地方便的使用 ajax 或者 vue-resource 等功能,希望帮到你们

---------------------------------------------------------------------------------------

2017-09-30日更新

现在 vs code 中有个插件叫 Live Server,不需要上面的方法了

DABAN RP主题是一个优秀的主题,极致后台体验,无插件,集成会员系统
网站模板库 » 配置VSCode远程开发环境

0条评论

发表评论

提供最优质的资源集合

立即查看 了解详情