6/28/2023 0 Comments Livereload ftpNext I'll setup the FTP connection for my site:Ĭtrl+Shift+P to open the command prompt and then type SFTP and click to init. You may later find you have to save twice if it didn't update the first time, if you run into this a lot you could try increasing this setting.Īlso if you want to work with sass/scss files, you'll need to add these to LiveReload's list of file extensions, find livereload.exts and add ,scss after css.Īlso if you want the scss changes to work like css changes without a full page reload, for other editors there may be a setting but in vs code I forked the repo to build a version that does this for scss files too: - hope to have this merged to the main extension soon. This is a short half second delay that shouldn't be too noticeable but should also give ftp enough time to upload the file. In the settings UI (Ctrl+Shift+P and type settings) search for layForUpdate and enter 500. With these installed I'll setup my site's livereload to have a delay. Then, i'm using Chrome as my browser so I've installed the LiveReload extension for Chrome: & i've installed the LiveReload extension for VSCode too: In VSCode we can find & install extensions by pressing Ctrl+Shift+P and typing install and then finding the package in the list, or by clicking the extensions link on the left side menu.įor FTP in VSCode i'm using the SFTP extension: Here's an example of this using VSCode (a free code editor), but should work the same in any other editor (such as Atom or Sublime - you'll need to find the relevant extensions for those editors) or if these don't work for you, you could look into a desktop app such as though those tend to be paid while the editor ones are generally free. This can even work over ftp by setting a short delay in your livereload extension. When you save html/template or js files, your browser will auto reload to show the new changes, while css changes are auto applied live into the design without reloading - as if by magic ). LiveReload is a way to have your code changes live refresh in your browser.Į.g. LiveReload with FTP Home Subscribe LiveReload with FTP 06 March 2019 on REC, Responsive, Design
0 Comments
Leave a Reply. |