WordPress, Genesis Framework and Storefront customization tutorials
Home ยป Visual Studio Code with Live Server and Live SASS Compiler on Localhost
Visual Studio Code with Live Server and Live SASS Compiler on Localhost
About Gabor Flamich
I'm a web developer and designer based in Budapest, Hungary. In recent years, I've documented hundreds of solutions I came across during development. This site is an archive for useful code snippets on WordPress, Genesis Framework and WooCommerce. If You have any questions related to WordPress development, get in touch!
Reader Interactions
Comments
Antoniosays
Hi !
I am trying to use and compile my CSS to SASS code (.SCSS) in Filezilla, with Visual Studio Code and using Live Server and Live Sass Compiler extensions.
To compile to local files, simply create the files and type in the console the command “sass –watch folderNameSass: folderNameCss”. But I don’t know how it’s done on the server.
The problem is that when I run the command “Live Sass: Watch Sass” it gives me the following error:
Live: The term ‘Live’ is not recognized as the name of a cmdlet, function, script file or executable program. Please check if you spelled the name correctly or if you included a path, check that the path is correct and try again.
Do you know how I can do it correctly?
Or if, on the contrary, what I am doing is not a good practice and it is better to download the website and edit it locally … I don’t know, the truth is that I am starting this and I need a little help!
You don’t need to use FileZille for compiling. Just open your folder to workspace. If You are using localhost for development, follow the video steps above. In case of using FTP, You need to install the FTP-Simple plugin to Visual Studio, press F1 and click
ftp-simple: Config FTP connection setting
ftp-simple: Remote directory open to workspace
Hi !
I am trying to use and compile my CSS to SASS code (.SCSS) in Filezilla, with Visual Studio Code and using Live Server and Live Sass Compiler extensions.
To compile to local files, simply create the files and type in the console the command “sass –watch folderNameSass: folderNameCss”. But I don’t know how it’s done on the server.
The problem is that when I run the command “Live Sass: Watch Sass” it gives me the following error:
Live: The term ‘Live’ is not recognized as the name of a cmdlet, function, script file or executable program. Please check if you spelled the name correctly or if you included a path, check that the path is correct and try again.
Do you know how I can do it correctly?
Or if, on the contrary, what I am doing is not a good practice and it is better to download the website and edit it locally … I don’t know, the truth is that I am starting this and I need a little help!
Hi Antonio!
You don’t need to use FileZille for compiling. Just open your folder to workspace. If You are using localhost for development, follow the video steps above. In case of using FTP, You need to install the FTP-Simple plugin to Visual Studio, press F1 and click
ftp-simple: Config FTP connection setting
ftp-simple: Remote directory open to workspace
Regards,
Gabe