前言:

最近在学习网页设计,陆续接触到了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. ubuntu下eclipse新建项目没有java project的解决办法

    装好了eclipse之后却发现新建项目没有java project的选项,大致搜索了一下,并没有发现很好的解决方案(大都是让你重新安装什么的),于是开始瞎鼓捣,并且找到了一个方案: 在终端切换到roo ...

  2. Netflix Recommendations

    by Xavier Amatriain and Justin Basilico (Personalization Science and Engineering) In part one of thi ...

  3. 【UML 建模】UML建模语言入门-视图,事物,关系,通用机制

    . 作者 :万境绝尘  转载请注明出处 : http://blog.csdn.net/shulianghan/article/details/18964835 . 一. UML视图 1. Ration ...

  4. 网站开发进阶(十一)如何将一个jsp页面嵌套在另一个页面中

    如何将一个jsp页面嵌套在另一个页面中 这个在做网页中常要用到,有些通用的内容可集中放在一个页面文件中,其它要用到这些内容的页面只需要包含(引用)这个通用文件即可.这样便于维护,如果有很多网页,当通用 ...

  5. web报表工具FineReport使用中遇到的常见报错及解决办法(二)

    web报表工具FineReport使用中遇到的常见报错及解决办法(二) 这里写点抛砖引玉,希望大家能把自己整理的问题及解决方法晾出来,Mark一下,利人利己. 出现问题先搜一下文档上有没有,再看看度娘 ...

  6. 演进之美,越来越美:三分钟看尽 iOS 1 ~ iOS 8 的进化史

    演进之美,越来越美:三分钟看尽 iOS 1 ~ iOS 8 的进化史 原文出处: 少数派 9 月 18 日苹果就将推出 iOS 8 正式版了,从 2007 年发布第一代 iPhone 时搭载在 iPh ...

  7. 深入源码解析类Route

    微软官网对这个类的说明是:提供用于定义路由及获取路由相关信息的属性和方法.这个说明已经很简要的说明了这个类的作用,下面我们就从源码的角度来看看这个类的内部是如何工作的. public class Ro ...

  8. 使用XStream是实现XML与Java对象的转换(4)--转换器

    七.转换器(Converter) 我们程序中的POJO是千变万化的,而且需求也是千奇百怪的,所以XStream中的内置的转换器的功能不一定能够满足我们的要求,所以我们就需要自己构建转换器. 1,一个基 ...

  9. C++笔记十七:C语言中 “冒牌货”const和const符号表

      在.c文件中有程序: int main() { int const a = 10; a=20; printf("a=%d\n",a); return 0; } 编译就知道C语言 ...

  10. angular1.0 app

    angular 1.0 简单的说一下就是ng启动阶段是 config-->run-->compile/link config阶段是给了ng上下文一个针对constant与provider修 ...