sublime text 代码 同步 提交 到 本地服务器文件夹

以前写java web,用DreamWeaver6编辑页面,保存【项目部文件夹】后可以直接同步/提交到【本地服务器】(tomcat)中,即org.eclipse.wst.server.core。

后来发现sublime好用,唯一的问题是,不能像DreamWeaver6一样,在保存的时候把代码同步/提交到【本地服务器】中。只能手动去刷新eclipse的项目,实在不方便。

网上搜索sublime代码同步,全部都是说SFTP这个插件的,而且只说如何同步【远程服务器】。

后来终于发现一个插件,能让sublime像DreamWeaver6一样同步/提交代码到【本地服务器】。

SublimeSimpleSync(注意不是SimpleSync,别安装错了)。

它的github地址——https://github.com/kairyou/SublimeSimpleSync

安装完成后,配置,选,首选项-->Package Settings-->Sublime Simple Sync-->Setting-User。

复制以下

{
  "config": {
    "autoSync": true,// 保存的时候自动将local路径的内容同步到remote路径中去。
    "debug": false,
    "timeout": 10 //support mac/linux
  },
  "rules": [
  {
    "type" : "local",
    "local" : "D:\\xxx路径\\WebContent",           //你的本地文件夹
    "remote" : "D:\\xxxx路径\\.metadata\\.plugins\\org.eclipse.wst.server.core\\tmp1\\wtpwebapps\\xxx文件夹"   //你的本地服务器的位置
  }
  ]
}

注意路径的\都是双\,别少写了。如果配置没问题,在sublime编辑本地代码之后,保存,即可同步到remote文件夹中去。

如果在保存的时候,出现如下图中的错误,很可能是路径写的不对,再去检查。



在使用Sublime Text进行旅游网页设计时,这款文本编辑器因其轻量级、高效和丰富的插件生态系统而受到开发者喜爱。以下是如何在Sublime Text中进行网页设计的一些基本步骤和注意事项: 1. **设置基础环境**: - 安装HTML、CSS和JavaScript支持:Sublime Text本身已经内置了对这些语言的基本支持,确保它们被正确地识别。 - **安装插件**: - Emmet:用于编写简洁的HTML和CSS,提高代码编写速度。 - SideBarEnhancements:提供文件夹和预览功能,方便管理项目结构。 - ColorPicker:选择颜色更便捷。 - Autoprefixer:自动添加浏览器前缀,保持代码兼容性。 - LiveReload:实时更新,无需手动刷新查看更改。 2. **代码格式化**: - 使用插件如"Package Control + Alt+Shift+F" (或`Ctrl+Shift+F`取决于你的键盘布局)来格式化HTML/CSS/JS代码,使代码更具可读性。 3. **代码片段**(Snippets): - 创建和保存常用的代码片段,例如导航栏、页脚、表单等,可以通过`Ctrl+Shift+P`调出命令面板选择"New Snippet"快速插入。 4. **代码高亮和语法检查**: - Sublime Text的内置语法高亮功能可以让你轻松区分不同的标签、属性等,同时可以使用如JSHint或ESLint的插件进行JavaScript代码的错误检查。 5. **项目管理和构建工具**: - 如果你的网站项目较大,可以利用Git进行版本控制,或者配置Webpack、Gulp等构建工具以自动化编译过程。 6. **实时预览**: - 使用插件如"Live Server"可以在Sublime Text内启动一个本地服务器,方便实时查看和调试网页。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值