[实践OK]使用WebStorm/Phpstorm实现remote host远程开发,及软件菜单和编程文本字体设置

   2016-11-22 0
核心提示:主要是设置自动保存到远程这个选项:勾选 [V]Tools-deployment-Automatic UploadPhpStorm Save and Upload on ctrl+s, 'Tools - Deployment-config' mark as default serve...Just set server configuration on 'Tools - Deployment-config' mark as default

主要是设置自动保存到远程这个选项:勾选 [V]Tools->deployment->Automatic Upload

PhpStorm Save and Upload on ctrl+s, 'Tools -> Deployment->config' mark as default serve...

Just set server configuration on 'Tools -> Deployment->config' mark as default server. Than check 'Tools->deployment->Automatic Upload'. This is what i use all the time. When a file is saved it will be uploaded automatically. There is also an option to check changes outside IDE and upload. Like when css generated by elixir etc.

如果你的开发环境是在远程主机上,webstorm可以提供通过ftp/ftps/sftp等方式实现远程同步开发。这样我们可以就抛弃ftp、winscp等工具,通过webstorm编辑远程文件以及部署,本文基于WebStorm5.04编写, Intellij IDEA或者PHPStorm使用方法基本相同,可参考之。并且还要感谢因特里基友群群主大猫的帮助。

1、首先我们来创建一个基于远程主机的project,点击file>new project from existing sources,打开了创建project的对话框,我们选择第四项,例如我们的远程主机通过ftp/sftp/ftps等方式传输文件,点击next。

2、设置project name与本地路径,deployment option这项选择custom,设置完毕next。

3、设置deployment option,注意Upload changed files automatically to default server,此项可以设置本地文件上传到远程主机的时机,我选择on explicit save action(ctrl+s),这样就可以通过快捷键ctrl+s来上传文件,然后next。

4、配置远程主机,就不解释啦~ 配置好了next。

5、指定远程主机的根目录,我们点击project root即可,然后next。

6、配置访问路径,完了finish。

7、到此,我们的远程project就算创建完毕了,webstorm会从远程主机下载文件到本地路径,如下图,左边栏为本地project文件,右边栏remote host为远程主机的文件,看看是不是一一对应起来了? 这样我们在本地修改一个文件,再按ctrl+s就可以自动上传到远程主机了。

通过tool>deployment,我们可以对进行更多远程部署相关的操作和设置。

结合Live edit,可以实现远程无刷新编辑调试。

下面是一个官方的演示视频链接,演示了如何在webstorm上进行远程开发,以及更详细的功能展现:http://www.jetbrains.com/webstorm/demos/ftp_sync.html

本文源地址为:http://www.cssha.com/webstorm-phpstorm-remote-host # 转载请注明出处。

来自:http://blog.csdn.net/farcall/article/details/37905813

 
标签: WebStorm PhpStorm
反对 0举报 0 评论 0
 

免责声明:本文仅代表作者个人观点,与乐学笔记(本网)无关。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
    本网站有部分内容均转载自其它媒体,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责,若因作品内容、知识产权、版权和其他问题,请及时提供相关证明等材料并与我们留言联系,本网站将在规定时间内给予删除等相关处理.

  • Webstorm编译TypeScript webstorm编译specify不成功
    Webstorm编译TypeScript webstorm编译specify不
    下载webstorm下载node.js编译器npm  Webstorm的安装很简单。但如果没有Java For Mac 环境打开Webstorm时会有提示,点击提示会跳转下载链接,下载安装就好。安装tsc编译命令  node.js 安装pkg包一路点next后进入终端,键入npm验证是否成功。  npm 安装成
    02-09
  • webStorm中NodeJs 没有智能提示
    webStorm中NodeJs 没有智能提示
    webStorm中NodeJs 没有智能提示node.js and NPM -- Coding assistance for Node.js 
    02-09
  • webstorm开发nodejs的技巧--代码提示DefinitelyTyped
    webstorm开发nodejs的技巧--代码提示Definitely
    先发视频“WebStorm - MEAN Stack Walkthrough and Tips”,地址:http://www.tudou.com/programs/view/txhBUA7fcNA/?resourceId=0_06_02_99另外有一个视频也值得推荐看看:Node.js Development Workflow in WebStorm,地址:http://www.tudou.com/programs/v
    02-09
  • File and Code Templates | webstorm代码文件模
    Typescript Classimport _ from "lodash";/**类 ${NAME}*/export default class ${NAME} {/**v-for :key*/forKey?: string = _.uniqueId()constructor(obj?: ${NAME}) {if (obj) {_.assign(this, obj)}}}Vue Component with Typescript and Stylustemplatediv
    02-08
  • Sencha-Touch开发环境准备(Webstorm+Ruby)
    Sencha-Touch开发环境准备(Webstorm+Ruby)
    1.1 工具下载:    1、编码工具(推荐)WebStorm-4.0.3.exe    2、SenchaSDK用来创建、打包sencha项目SenchaSDKTools-2.0.0-beta3-windows.exe    3、Sencha touch源码及API文档sencha-touch-2.0.1.1-commercial.zip    4、SASS开发工具(预编
    02-08
  • 如何在Webstorm/Phpstorm中设置连接FTP,并快速进行文件比较,上传下载,同步等操作-杂谈
    如何在Webstorm/Phpstorm中设置连接FTP,并快速
    Phpstorm除了能直接打开localhost文件之外,还可以连接FTP,除了完成正常的数据传递任务之外,还可以进行本地文件与服务端文件的异同比较,同一文件自动匹配目录上传,下载,这些功能是平常IDE,FTP软件中少见的,而且是很耗工作时间的一个操作。换句话说,在
    08-30 FTPPhpStorm
点击排行