前言:

最近在学习网页设计,陆续接触到了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. 【Matlab编程】生日快乐歌(显示歌词)—matlab版

    clear all A4=440;%标准音A4 不同的曲调音调不同scale的取值范围不同 pt=44100;p0=pt/2;%频率 scale=A4/2^(9/12)*2.^((-12:11)/12 ...

  2. Bookmarkable Pages

      Build a Bookmarkable Edit Page with JDeveloper 11g Purpose In this tutorial, you use Oracle JDevel ...

  3. EBS form 之间跳转实现(form 关闭)

    实现 form CUXOMWB 使用 app_navigate.execute 打开 form CUXOEXPRAVA :然后 FROM CUXOEXPRAVA 上点击按钮 跳回from CUXOMW ...

  4. 让opencv程序在没有安装opencv的电脑上运行

    经常需要把用opencv写的程序拿到没有装opencv的电脑上去运行和演示,要让opencv程序脱离opencv环境,一般有两种方法: 一种是动态链接opencv,即把相应的dll拷贝到exe所在目录 ...

  5. 图像分割之(四)OpenCV的GrabCut函数使用和源码解读

    图像分割之(四)OpenCV的GrabCut函数使用和源码解读         分类:            图像处理            计算机视觉             2013-01-23 ...

  6. 初探linux子系统集之led子系统(二)

    巴西世界杯,德国7比1东道主,那个惨不忍睹啊,早上起来看新闻,第一眼看到7:1还以为点球也能踢成这样,后来想想,点球对多嘛6比1啊,接着就是各种新闻铺天盖地的来了.其实失败并没有什么,人生若是能够成功 ...

  7. SharePoint2007 开发部署Application Pages

    介绍:SharePoint应用程序页,也就是_layouts路径下的aspx页面,服务器C:\Program Files\Common Files\Microsoft Shared\web serve ...

  8. CentOS6.4下安装Nginx1.12.2

    1.安装GCC安装 nginx 需要先将官网下载的源码进行编译,编译依赖 gcc 环境,如果没有 gcc 环境,则需要安装 yum install gcc-c++ 2.安装PCRE-devel PCR ...

  9. linux 常见命令及说明杂记

    systemctl 命令: systemctl 是管制服务的主要工具, 它整合了chkconfig 与 service功能于一体.示例:systemctl is-enabled iptables.se ...

  10. vfd折腾(一)

    从一开始驱动一块翻出来的液晶显示屏就想做一个电子时钟,偶然翻到了vfd(Vacuum Fluorescent Display的缩写,意为真空荧光显示屏). 此后就走上了不归路