前言:

最近在学习网页设计,陆续接触到了HTML、CSS和JavaScript,写的代码越来越多了,也越来越感觉到将代码上传到服务器上的流程太繁琐了。一开始我是用虚拟主机提供的控制面板下载上传网页代码,后来用FTP工具远程连接了虚拟机主机的FTP服务器,但是整个操作过程依旧不够简洁。这篇文章我将分享一个直接在Sublime Text 3里面连接FTP服务器,只使用Sublime Text 3就完成对远程FTP服务器上文件的下载、修改和上传等操作,提高网页编辑的效率。

1.配置插件安装环境

打开SublimeText3,使用Shift + Ctrl + P打开命令面板

输入:

install

选中输入框下面弹出的

Install Package Control

稍等一会就会弹出成功安装的提示。

使用Shift + Ctrl + P打开命令面板,输入:

install

选中输入框下面弹出的:

Install Package

稍等一会安装就会完成。

2.配置SFTP插件

使用Shift + Ctrl + P打开命令面板,输入:

SFTP

点击下面弹出的SFTP,等待完成安装。

之后依次打开:

File -> SFTP/FTP -> Setup Server

这时会看到下面的代码(其他代码没有列出,下面的中文注释是我添加上去的):

 // sftp, ftp or ftps
"type": "sftp", //如果使用的SFTP协议就用“sftp”,否则就改成“ftp” "sync_down_on_open": true,
"sync_same_age": true, "host": "example.com", //在这里输入远程服务器的IP地址或者域名
"user": "username", //在这里输入FTP用户名
//"password": "password", //在这里输入FTP密码(注意去掉最前面的注释符号“//”)
//"port": "22", //这里根据自己的情况填写,一般FTP对应21号端口,SFTP对应22号端口,同时记得去掉最前面的注释符号“//” "remote_path": "/example/path/", //在这里选择远程服务器中有关项目的路径

配置完成后保存,就像保存其他文件一样,起一个名字,后缀命名为“.json”,点击保存就可以了。

(注:自动创建的保存路径是C:\Users\Master\AppData\Roaming\Sublime Text 3\Packages\User\sftp_servers)

3.下载并编辑远程FTP服务器上的文件

依次打开

File -> SFTP/FTP -> Browse Server

出现两个选项,一个是“Add New Server”另一个就是我们刚才配置好的远程FTP服务器。

选择我们刚才配置好的远程FTP服务器,就会列出“Folder actions”和“Up a folder”以及我们在配置文件里输入的远程FTP服务器项目路径下的文件夹和文件。点击之后会出现“Back to list”、“Edit”、“Rename”、“Chmod”、“Delete”选项,可以根据需要选择要进行的操作。编辑完成后,使用“Ctrl + S”组合键就可以将文件保存到远程FTP服务器上了。

end

更多内容请访问我的个人网站荒原之梦

Sublime Text 3安装SFTP插件的更多相关文章

  1. 2分钟 windows下sublime text 3安装git插件:

    12:35 2015/11/182分钟 windows下sublime text 3安装git插件:推荐博客:http://blog.csdn.net/naola2001/article/detail ...

  2. 10秒钟sublime text 3安装SVN插件

    注意:此处我提前已经安装了towerSVN,你可能需要提前安装好 towerSVN,之前安装redis之后我才明白,安装插件时安装软件好像 是一个必要的步骤,也就是说安装插件只是让你能在这里使用你已 ...

  3. 给Sublime Text 2安装CTags插件

    以Windows操作系统为例介绍安装过程: 安装ctags应用程序. 到CTags的官方网站下载最新版本,解压后将ctags.exe文件放到系统的搜索路径中. 安装Sublime Text 2的Pac ...

  4. sublime text 3安装Anaconda插件之后写python出现白框

    sublime test 3安装anaconda插件之后写python代码会出现白框,这是应为anaconda自带了pep8语法检查, 有一些是语法错误,能够检查出来还是能有用的.但有一些不过是一些代 ...

  5. Sublime Text 2 安装emmet插件和常用快捷键

    一.先安装package control1.按Ctrl+`调出console,输入以下命令然后回车 import urllib2,os; pf='Package Control.sublime-pac ...

  6. Sublime text 3安装svn插件

    这几天在研究sublime text 3的使用,感觉还不错,现在想让他能够支持svn,所以就写一下怎么安装svn插件吧~ 首先先说一下这个官方的插件网站 点我进入~ 进入之后,最上边的第一个就是点击安 ...

  7. sublime text 2安装Emment插件

    写个自己看的 1. 命令行模式 ctrl+` 可以调出命令行模式(view->show console),主要支持python语法等,没试用过只知 quit()可以退出 ..不过sublime的 ...

  8. Sublime Text 2 安装配置插件

    最近学习python,看网上推荐用sublime text2挺方便,就学习了一下对sublime text2 安装插件,先放在这里,以备以后查找 根据晚上资料修改,原文请看这里 Python的自动补全 ...

  9. sublime text 3安装 vue插件

    1.上一个章节讲到Vue.js的环境安装,这一章节主要是针对ST3 如何安装vue插件,来快速的进行vue组件代码的编写. (内容转载自:https://www.cnblogs.com/bluedoc ...

随机推荐

  1. Linux管理日记(三)

    23. 时间同步 同步时间可以使用 root 执行如下命令完成: rdate -s time.nist.gov 如果需要自动同步,可以采用crontab自动调度,每小时执行一次:  编辑 cronta ...

  2. 安卓Eclipse开发者的福音

    我们知道,谷歌已经放弃对Eclipse(ADT)的维护更新了,现在官网上也找不到ADT的下载链接了,我们大多数同学仍在使用的ADT版本可能已经很老了,估计大多数的SDK版本只到4.4,而,在尝试升级以 ...

  3. Ibatis动态(dynamic)查询

     Ibatis的动态查询使得数据操作变得非常的灵活,下次举出了常用的动态查询的属性信息: Ibatis配置信息 <!-- Dynamic Sql --> <typeAlias a ...

  4. Hbase replication操作

    1.修改hbase-site.xml文件 <property>  <name>hbase.replication</name>  <value>true ...

  5. Unity的资源管理

    本篇文章翻译自Unity的官方文档,原文地址:https://docs.unity3d.com/Manual/BehindtheScenes.html Unity自动导入资源的同时为你管理这些资源产生 ...

  6. 四、删除 Delete

    文档目录 开始使用  初始化查询实例: LambdaToSql.SqlClient DB = new LambdaToSql.SqlClient(); 删除单个实体,通过Guid主键删除 var gu ...

  7. mongodb3.6 (四)net 客户端如何连接、访问mongodb集群

    前言 在是一篇文章mongodb如何做数据备灾 中已经介绍mongodb集群是如何工作,可能很多人都有这样一个疑问:客户端如何知道主服务挂了呢?这一篇文章将介绍如何在net中访问这个集群. 第一步.安 ...

  8. 修改 CKEditor 超链接的默认协议

    在 config.js 中添加如下代码 CKEDITOR.on( 'dialogDefinition', function( ev ) { // Take the dialog name and it ...

  9. oracle to_date 函数

    update pamsodt0p10 set cursysdate =  to_date('2014-12-29 00:00:00','yyyy-mm-dd hh24:mi:ss') where cu ...

  10. 深度学习之 TensorFlow(二):TensorFlow 基础知识

    1.TensorFlow 系统架构: 分为设备层和网络层.数据操作层.图计算层.API 层.应用层.其中设备层和网络层.数据操作层.图计算层是 TensorFlow 的核心层. 2.TensorFlo ...