If your development environment is on a remote host ,webstorm Can be provided through ftp/ftps/sftp And other ways to achieve remote synchronous development . So we can abandon ftp、 winscp Tools such as , adopt webstorm Edit remote files and deploy , This article is based on WebStorm5.04 To write , Intellij IDEA perhaps PHPStorm The usage is basically the same , For reference . And thanks for the help of the big cat, the leader of the group .

1、 First, let's create a remote host based project, Click on file>new project from existing sources, Open to create project The dialog , We choose the fourth , For example, our remote host uses ftp/sftp/ftps And so on , Click on next.

2、 Set up project name And local paths ,deployment option That's the choice custom, Setup complete next.

3、 Set up deployment option, Be careful Upload changed files automatically to default server, This item can set the time when the local file is uploaded to the remote host , I choose on explicit save action(ctrl+s), So you can use the shortcut keys ctrl+s To upload a file , then next.

4、 Configure the remote host , No explanation ~ The configuration. next.

5、 Specify the root directory of the remote host , We click project root that will do , then next.

6、 Configure access path , Finished finish.

7、 Here we are , Our remote project Even if it's done ,webstorm The file will be downloaded from the remote host to the local path , Here's the picture , The left column is local project file , Right sidebar remote host Files for remote hosts , See if it's a one-to-one correspondence ? So we modify a file locally , Press again ctrl+s It can be uploaded to the remote host automatically .

adopt tool>deployment, We can do more remote deployment related operations and settings .

combination Live edit, It can realize remote editing and debugging without refresh .

Here's an official demo video link , How does it work webstorm Remote development on the Internet , And more detailed function presentation :http://www.jetbrains.com/webstorm/demos/ftp_sync.html

The source address of this article is :http://www.cssha.com/webstorm-phpstorm-remote-host # Reprint please indicate the source .

Use WebStorm/Phpstorm Realization remote host More articles on remote development

  1. 【 Technology blogs 】 Use PhpStorm and Xdebug Realization Laravel Remote development and debugging of engineering

    Catalog Use PhpStorm and Xdebug Realization Laravel Remote development and debugging of engineering brief introduction PhpStorm Remote development in 1. Configure server 2. Configure path correspondence 3. Configuration synchronization 4. Code synchronization 5. advantage ...

  2. Tool series | VScode Remote Remote development and debugging ( a farewell SSH)

    brief introduction lately VScode Released plug-ins for remote programming and debugging Remote Development, Using this plug-in can replace... In many cases vim Modify and debug the code on the server directly and remotely , At the same time, it has the function of code highlighting and completion , It's the same as using it locally ...

  3. ssh Remote login error REMOTE HOST IDENTIFICATION HAS CHANGED! Solutions and reasons

    Be careful , In document ip And fingerprints have been replaced with ip.ip.ip.ip and aa:... , So as not to cause unnecessary misunderstanding . icode@test:~/lab/dir/sadf$ ssh remote_name@ip.ip. ...

  4. ssh Remote link error prompt :WARNING: REMOTE HOST IDENTIFICATION HAS CHANGED

    ssh Remote link error prompt @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ @ WARNING: REMOTE HOST I ...

  5. collocation VS Code Remote Remote development extension in WSL Lower development

    Be careful : Remote development extensions need to be in  Visual Studio Code Insiders  Upper use . Visual Studio Code Remote - WSL Extension allows you to use VS Code Make   ...

  6. Bind Remote connection DNS Server rndc: connection to remote host closed

    Use command :rndc -s 192.168.1.2 status Connect remote bind Built DNS The following error occurred while accessing the server :   rndc: connection to remote host close ...

  7. PHPStorm.WebStrom And other official development tools to configure local projects and Transport server synchronization

    PHPStorm.WebStrom Configure the local project to synchronize with the transport server explain :PHPStorm.WebStrom And other official system development tools are basically consistent in the way of configuring local projects to synchronize with the transport server , There's almost no difference , We ...

  8. How to be in Webstorm/Phpstorm Set the connection in FTP, And fast file comparison , Upload and download , Synchronization, etc

    Phpstorm In addition to being able to open it directly localhost Outside the document , You can also connect FTP, In addition to the normal data transfer tasks , You can also compare the similarities and differences between local files and server files , The same file automatically matches the directory to upload , download , These functions are common ID ...

  9. stay Webstorm/Phpstorm Set the connection in FTP, And fast file comparison , Upload and download , Synchronization, etc

    Phpstorm In addition to being able to open it directly localhost Outside the document , You can also connect FTP, In addition to the normal data transfer tasks , You can also compare the similarities and differences between local files and server files , The same file automatically matches the directory to upload , download , These functions are common ID ...

Random recommendation

  1. ERROR [IM002] [Microsoft][ODBC Driver manager ] Data source name not found

    Connect excel odbc The following problems occurred during the test : It's because of the data source (odbc) No configuration excel drive : Control panel -> Management tools -> data source (ODBC): add to : If it doesn't work , It may be caused by the number of digits , For example, the system is 6 ...

  2. SqlBulkCopy When a block copies data , Failure to fulfill triggers and constraints terms of settlement

    stay new SqlBulkCopy when , Set up SqlBulkCopyOptions Attribute is enough SqlBulkCopy bulkCopy = new SqlBulkCopy(ConStr,SqlBulkCopy ...

  3. Real time data processing environment construction flume+kafka+storm:4.storm Installation configuration

    1. decompression apache-storm-0.9.3.tar.gz   2. Modify the configuration file conf/storm.yaml --zk Address  storm.zookeeper.servers:  - " ...

  4. 20151215jqueryUI--dialog Code backup

    $(function () { $('#search_button').button(); /*$('#reg_a').click(function() { $('#reg').dialog(); } ...

  5. IntelliJ Add double quotes with one click

    IntelliJ IDEA( The latest version is 2016.2.5) It doesn't directly support adding double quotes to the selection with one click , But you can configure  Live Template  Realize this function . Here's how to configure ( in the light of 2016.2.5 edition , Other ...

  6. IOS The road to learning is 19 (JSON And Arrays perhaps Dictionaries transformation )

    Today I wrote a json And Arrays perhaps Dictionaries The example of mutual conversion is simple : adopt NSJSONSerialization This class of dataWithJSONObject: options: ...

  7. perl Learning notes -- Build development environment

    windows Next perl Development environment construction perl Download address :http://www.activestate.com/developer-tools How to install each plug-in :( The way to get online through proxy ) Method 1 :pad ...

  8. MSSQL Export data to MYSQL

    MSSQL Export data to MYSQL It took a day to MSSQL The data in is exported to MYSQL, So troublesome , Both databases are cloud servers purchased by Alibaba cloud . First, go to the alicloud control panel , Under backup MSSQL database , Download and back up , On the local computer ...

  9. NoSQL: Cassandra, HBase, RocksDB

    from : http://www.linkedin.com/pulse/nosql-cassandra-hbase-rocksdb-siddharth-anand I've had the pleasur ...

  10. js according to title Search from the lower level to the higher level

    var menuData = [{ name: 'manage', title: ' test 1', icon: 'home', }, { title: ' test 2', name: 'car-parent', ...