当前位置:首页 » 文件传输 » vscode配置ftp
扩展阅读
webinf下怎么引入js 2023-08-31 21:54:13
堡垒机怎么打开web 2023-08-31 21:54:11

vscode配置ftp

发布时间: 2023-01-05 08:58:19

‘壹’ vscode及goland远程连接Linux系统

不管是用vscode还是goland,首先都需要在Linux上开启ssh服务,配置端口。如果是云服务器就比较方便,如果是虚拟机,建议使用主机模式,设置固定IP。

一、配置ssh

centos7_64位:

在终端中运行命令查看是否已经安装了ssh服务,

yum list installed | grep openssh-server

如果没有安装,运行命令进行安装,

yum install openssh-server

进入配置文件进行修改,开放远程连接端口和权限,在/etc/ssh/ 目录下进入sshd服务配置文件sshd_config,将Port 22,ListenAddress 0.0.0.0,ListenAddress ::前面的#号去掉,开启监听端口和监听地址,将PermitRootLogin yes前面#号去掉,开启远程登录。将PasswordAuthentication  yes前面的#号去掉,开启使用用户名和密码作为连接验证。

开启 sshd 服务,输入sudo service sshd start运行,

检查sshd服务是否已经开启,输入ps -e | grep sshd运行,

或者输入netstat -an | grep 22检查22号端口是否开启监听;

在Ubuntu16.04_64位:

打开终端,运行sudo ps –e |grep ssh

查看是否开启ssh,如果没有开启,先更新资源列表,

sudo apt-get update

安装ssh,

sudo apt install openssh-server,

查看是否安装成功,sudo ps –e |grep ssh;

二、远程连接Linux系统(以centos7为例)

vscode远程连接Linux系统:

打开vscode , 安装extension,

点击应用商店,搜索Remote - SSH安装,

安装完成后,打开使用快捷键 Ctrl + Shift + P 打开命令面板,输入ssh,选择设置 Remote-SSH:Settings 那行,如下图进行勾选

如图操作,进入配置界面

保存(ctrl+s)过后,点击左下角连接按钮进行连接:

选择connect to host

直接连接或者新增连接,新增连接如下:

格式:ssh [email protected] -A

连接会要求输入密码验证,连接成功后会出现如下界面:

新增终端即可进入当前路径;

goland远程连接Linux系统:

版本:goland2020.1

进入文件-->设置:

选择插件

搜索ftp进行安装(其他版本可能叫RemoteHostsAccess)

按照如图序号操作:

点击Test Connection进行测试

连接成功!

配置映射,在本地创建同名文件夹

将文件从虚拟机同步到本地:

‘贰’ 华为padvscode配置

华为padvscode配置
想要优雅且高效的编写代码,必须熟练使用一款前端开发工具。但前端开发工具数不胜数,像HBuilder、Sublime Text、WebStorm、Visual Studio Code......等等,其中VSCode以其轻量且强大的代码编辑功能和丰富的插件生态系统,独受前端工师的青睐。网上有很多vscode的配置以及使用博客,但都没有本篇那么详细且全面。

软件下载
直接在官网进行下载

Visual Studio Code - Code Editing. Redefined
最近很多人留言说官网下载被限速,如果大家存在这种情况,可以在“前端码头”后台发送vscode获取软件包。

首页

vscode设置成中文
vscode默认的语言是英文,对于英文不好的小伙伴可能不太友好。简单几步教大家如何将vscode设置成中文。

按快捷键“Ctrl+Shift+P”。
在“vscode”顶部会出现一个搜索框。
输入“configure language”,然后回车。
“vscode”里面就会打开一个语言配置文件。
将“en-us”修改成“zh-cn”。
按“Ctrl+S”保存设置。
关闭“vscode”,再次打开就可以看到中文界面了。
当然如果你不愿意设置,也可以直接安装它的中文插件,还是很人性化的。

VScode用户设置
1. 打开设置

文件--首选项--设置,打开用户设置。VScode支持选择配置,也支持编辑setting.json文件修改默认配置。个人更倾向于编写json的方式进行配置,下面会附上我个人的配置代码

这里解析几个常用配置项:

(1)editor.fontsize用来设置字体大小,可以设置editor.fontsize : 14;

(2)files.autoSave这个属性是表示文件是否进行自动保存,推荐设置为onFocusChange——文件焦点变化时自动保存。

(3)editor.tabCompletion用来在出现推荐值时,按下Tab键是否自动填入最佳推荐值,推荐设置为on;

(4)editor.codeActionsOnSave中的source.organizeImports属性,这个属性能够在保存时,自动调整 import 语句相关顺序,能够让你的 import 语句按照字母顺序进行排列,推荐设置为true,即"editor.codeActionsOnSave": { "source.organizeImports": true };

(5)editor.lineNumbers设置代码行号,即editor.lineNumbers :true;

我的个人配置,供参考:

{ "files.associations": { "*.vue": "vue", "*.wpy": "vue", "*.wxml": "html", "*.wxss": "css" }, "terminal.integrated.shell.windows": "C:\\Windows\\System32\\cmd.exe", "git.enableSmartCommit": true, "git.autofetch": true, "emmet.triggerExpansionOnTab": true, "emmet.showAbbreviationSuggestions": true, "emmet.showExpandedAbbreviation": "always", "emmet.includeLanguages": { "vue-html": "html", "vue": "html", "wpy": "html" }, //主题颜色 //"workbench.colorTheme": "Monokai", "git.confirmSync": false, "explorer.confirmDelete": false, "editor.fontSize": 14, "window.zoomLevel": 1, "editor.wordWrap": "on", "editor.detectIndentation": false, // 重新设定tabsize "editor.tabSize": 2, //失去焦点后自动保存 "files.autoSave": "onFocusChange", // #值设置为true时,每次保存的时候自动格式化; "editor.formatOnSave": false, //每120行就显示一条线 "editor.rulers": [ ], // 在使用搜索功能时,将这些文件夹/文件排除在外 "search.exclude": { "**/node_moles": true, "**/bower_components": true, "**/target": true, "**/logs": true, }, // 这些文件将不会显示在工作空间中 "files.exclude": { "**/.git": true, "**/.svn": true, "**/.hg": true, "**/CVS": true, "**/.DS_Store": true, "**/*.js": { "when": "$(basename).ts" //ts编译后生成的js文件将不会显示在工作空中 }, "**/node_moles": true }, // #让vue中的js按"prettier"格式进行格式化 "vetur.format.defaultFormatter.html": "js-beautify-html", "vetur.format.defaultFormatter.js": "prettier", "vetur.format.defaultFormatterOptions": { "js-beautify-html": { // #vue组件中html代码格式化样式 "wrap_attributes": "force-aligned", //也可以设置为“auto”,效果会不一样 "wrap_line_length": 200, "end_with_newline": false, "semi": false, "singleQuote": true }, "prettier": { "semi": false, "singleQuote": true } } }
最近经常有人微信问我,这个配置代码写在哪里?

新版的vscode设置默认为UI的设置,而非之前的json设置。如果你想复制我上面这段代码进行配置,可以进行下面的修改

文件>首选项>设置 > 搜索workbench.settings.editor,选中json即可改成json设置;

禁用自动更新

文件 > 首选项 > 设置(macOS:代码 > 首选项 > 设置,搜索update mode并将设置更改为none。

开启代码提示设置

第一步:点击左下角点击设置图标,找到并点击“setting”

第二步:到搜索框里搜索“prevent”--->并取消此项的勾选

常用的快捷键
高效的使用vscode,记住一些常用的快捷键是必不可少的,我给大家罗列了一些日常工作过程中用的多的快捷键。

以下以Windows为主,windows的 Ctrl,mac下换成Command就行了

对于 行 的操作:

重开一行:光标在行尾的话,回车即可;不在行尾,ctrl + enter 向下重开一行;ctrl+shift + enter 则是在上一行重开一行
删除一行:光标没有选择内容时,ctrl + x 剪切一行;ctrl +shift + k 直接删除一行
移动一行:alt + ↑ 向上移动一行;alt + ↓ 向下移动一行
复制一行:shift + alt + ↓ 向下复制一行;shift + alt + ↑ 向上复制一行
ctrl + z 回退

‘叁’ code编辑器怎样设置ftp

1
首次打开Visual Studio Code编辑器,打开一个文件夹,新建一个文件。
2
在插件栏搜索ftp选择第三个插件进行安装
3
点击安装插件很小,一会就可以安装完成,安装完成以后重启以后就可以使用了了。
4
快捷键 Ctrl+Shift+P (或F1)输入 * Ftp-sync: Init *回车进行编辑ftp信息。
5
打开ftp-sync.json进行配置ftp信息,
6
设置好ftp新建一个文件写一些数据保存 就可以自动上传了。

‘肆’ 首先安装vscode和配置python环境

1、安装anaconda3 使用它内置的python.exe
2、在360软件管家中安装 vscode
3、在vscode中配置安装 python 和 天勤量化 插件

4、将vscode设置成中文显示:在上图商店中搜索Chinese(Simplied) Lang安装此插件就变成中文。

‘伍’ 配置vscode远程免密登入Linux服务器

一、Windows端 用ssh-keygen 生成公钥和秘钥

下用ssh-keygen 生成公钥和秘钥:  ssh-keygen.exe -t rsa 

可以一直enter,选择默认

2.将公钥文件id_rsa.pub拷贝到服务器上

3. 将公钥文件内容追加到authorized_keys文件中

cat ../id_rsa.pub >>authorized_keys

注:如果~/. ssh 目录下不存在authorized_keys文件手动添加:

 touch authorized_keys

4.设置vscode免密登录配置,点击VSCode左下角的SSH连接图标,选择“open SSH configuration file”,增加Linux服务器信息

5.修改权限

chmod 700    .ssh

chmod 600     .ssh/authorized_keys

‘陆’ vscode 配置

1.单行注释 ctrl+/ //注释
2.多行注释 alt+shift+a /**/注释
3.Alt + Click 插入光标-支持多个
4.终端打开方法
使用快捷键: ctrl + · 即可;注意那个点是键盘上 esc 下面的那 个;
或者:
选择vscode的 “查看”,然后选择“集成终端” ,打开即可;
5.左下角显示大纲(显示所有函数方法) Shift+Ctl+P -> View: Quick Open View -> 大纲
6.编写并实时预览Markdown 先按Ctrl + K,然后放掉,紧接着再按 v,也能调出实时预览框

1.Beautify 插件配置
在VSCode的配置文件里添加 editor.formatOnSave:true 即可实现保存时自动格式化
VSCode格式化laravel的blade文件
2.KoroFileHeader插件配置
自动生成文件头部注释和函数注释
3.DocBlocker插件
PHP注释

‘柒’ vscode 用户配置 是哪个文件

在用户目录的AppdataRoamingCodeUser文件夹中一个名为“settings”的json文件。解决方法如下:

1、首先在电脑桌面中找到并点击vscode。

‘捌’ vs code配置ftp连接远程服务器实现代码文自动上传

1.在vscode应用商店中搜索拓展sftp插件,然后进行安装。
2.安装完成后重启窗口,按快捷键Ctrl+shift+p,输入sftp:config回车进入配置文件。

3.修改配置文件如下:

‘玖’ VSCode如何设置,才能在VSC里打开php文件到浏览器

VSCode通过以下设置能在VSC里打开php文件到浏览器,方法如下:

准备材料:VisualStudio Code1.2

1、首先要想调试php代码,必须得先有php的相关编译器,只有安装了php的系统下,才能进行调试的。这里点击菜单栏的查看,选择扩展进入。


‘拾’ 配置VSCode远程开发环境

参考: https://code.visualstudio.com/docs/remote/ssh#_getting-started

有几个步骤要做。

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

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

"remote.SSH.path": "D:Program FilesGitusrin"
"remote.SSH.path": "D:Program FilesGitusrin ssh.exe "

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

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

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

开始配置golang环境:

window.zoomLevel 可以修改整体的缩放

问题是,订阅文件有很多个服务器,怎么选呢?
clash有个网页控制端, http://clash.razord.top/ ,会映射到localhost:9090
那么只要把服务器的9090端口打开,是不是可以远程修改服务器上的代理设置呢

原来clash监听的9090端口,是提供了restful API,前往 http://clash.razord.top/#/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加入到zsh.rc里。

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

初步结束