當前位置:首頁 » 文件傳輸 » 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的。

初步結束