ฝัง
- เผยแพร่เมื่อ 20 ก.ย. 2024
- Being able to connect to a web server and make changes without having to download files, open them with a code editor and then having to re-upload is a big-time saver. This is exactly what FTP Simple does - it allows you to connect straight to your server (local or not) and make website changes without wasting too much time downloading and uploading files.
This video will show you how to connect FTP in Visual Studio Code. This video is enough to get you started and use the core functionality of the FTP simple extinction in Visual Studio Code.
Plugin name: Ftp-Simple
☕ BuyMeACoffee: www.buymeacoff...
Discounts:
⚡ Hostinger: www.hostg.xyz/...
⚡ Elementor: be.elementor.c...
Recording Equipment:
◾ Microphone: amzn.to/3Ppp8Ok
◾ Shotgun Mic: amzn.to/3IVqIot
◾ Camera: amzn.to/3z0bxpF
◾ Lens: amzn.to/3Pw4s7d
◾ Lighting: amzn.to/3PGXvzW
Computer Gear:
◾ Keyboard: amzn.to/3PGXvzW
◾ Headphones: amzn.to/3PJl9fg
◾ Mouse: amzn.to/3z1TGPf
Connect with me:
◾ Website: www.raddy.dev
◾ Newsletter: www.raddy.co.u...
Bro you're making a huge difference, explaining the concepts in the easiest and straight forward manner, so we get back to code and develop solutions. You're THAT guy. Bless ya, today I've learnt something new
Thank you, I appreciate your comment!
I felt so lost with FTP. This video made it look like a cakewalk and I am all set to go with my project. Thanks a tonne!!
I am glad to hear that the video was useful. Thank you and Good luck with the project! ☀️
The era of TH-cam is the best era one has to be born in... Duuuuude I just want to hug you for this..... Thank you so so much bro
I was genuinely thinking yesterday of how good youtube has become. You can pretty much find an answer for everything. It's amazing. Thanks for the comment!
Hello, I just wanted to say thanks because I've tried a lot of extensions to achieve this goal without luck. This is the only one working for real and I've discovered it thanks to this video.
Thank you, I appreciate your commitment and I am glad that it worked for you
Dude!! Finally after two hours this tutorial is exactly what I needed. I don't know why I was trying to use SSH like a moron. That is so difficult to set up with a hosting provider.
I am glad that you found it useful! 👊🦍
same here ...i spent the last 2 weeks trying ssh... like a bigger moron, lol
Thanks a lot man! In a few seconds you explain what and how-to and it works! without any problems. I checked some other tutorials and the massacre with FTP-sync for example. You present it clearly and legibly in a quick form! Thanks a lot, I just switched from Dreamweaver, although I hate Microsoft but VS Code looks very interested now.
Great video, was able to follow and connect my local site to the remote folder.
OMG! Finally! I've been looking for this solution for sooooo many months and thanks God that I found your video! It helps me a lot! Cheers!!
I am glad that you found it helpful! Thanks for the comment 😌
Thank you so much. My school was using sshfs before but now that I have discovered this extention it saved me so much more time!!!!!!
Glad it helped!
ive been looking for this for a year now hahaah. finally!
Thanks for guide. The excessive branding is lame, pointless , but the useful info pushes through. Thanks for content part.
Thanks for the feedback, friend. I am glad that you found the content useful.
you're the man... thank you
i have searched for the past 2 weeks for this.
Thanks, Jeffrey! I appreciate it
Thank you so much for this. You just made connecting to my website so easy.
Glad I could help! Thank you for watching
a hero with no cape
Amazing Tutorial, it worked like a charm. Thanks
Many many many thanks, from tonight i will program mooore faster. Fantastic video!
Awesome extension. Big thanks it makes my life easier. I'm migrating from Komodo IDE, which is pretty great, and has a great ftp/sftp remote feature. Yours rivals that.
Glad it helped, Paul!
loved this video!! don't stop making videos ur doing great, ur content is awesome!!
It works perfectly! Thank you a lot for this video!
For Mac the F1 is CMD-Shift-P.
Mercie bien, thank you so much, this has helped me so much. I was using Geany before and I had to open up a ftp connection with that porigram and piggyback of that to open a ftp file in vs code. At long last I get it - great video - great instructions - great presentation - precise and to the point. :¬)
Merci beaucoup! I am glad that you found the video useful and thank you very much for the comment
Awesome Content! I used it again. Thank You.
Thank you, greeting from Bogotá Colombia
Greetings, Herman! I hope that you are doing well
thank you sir.....😊
Just what I needed. Thanks!!
Very clear explanations, thanks !
Glad it was helpful!
So clear and useful! Thanks!
thank you for the best way sharing
This channel is awesome!! Very helpful tutorial!
Thank you!!!
Thank you :)
this is working fine
thanks for the guidense ...
nice video raddy, it's really helpfull thanks
i like your keyboard sound
Thank you! I am glad that you found it useful 🦍
Great, it empowered my skills a lot !!
Glad to hear it. Thank you for watching
Thank you so much bro!
Thank you for watching! 🦍
THANK YOU!
Thank you for watching!
Exactly what I needed, thank you for the tutorial/help!
Glad it helped!
I appreciated the video. Could you perhaps create a video following on this one on how to structure your site locally vs remotely and how to upload to specific folders. Maybe even shortcuts :)
I assume the directory depends on the json file "path" ?
Just one last mostly important question. Is there an easy way to switch between remote and local files? Does this simply require opening 2 separate work-spaces?
That's a good idea. Yes, the directory depends on the path and as default is just set to '/' and also you can add *backup* option which backs up the files before saving on the server. You can create a local workspace and a server root path which should solve your problem of creating two separate work-spaces. I'll have to look into it over the weekend if I can and maybe do another video. Thanks for your comment!
@Allan Seleguin working on it now! 😋
Thank you!
Thanks mate, I learn a lot from this video.
Glad to hear it! Thanks for the comment!
It shows ftp-simple connects but none of my files upload, if I access my cpanel/file manager ets, there is none of the work I want to upload
suppose if i create one file via file zilla so how to get that in exists ftp remote connect workspace?
thank you so much - exactly what I needed.
Thank you
Cool video! Thanks Raddy!
thanks for this explanation
Glad it was helpful!
does anyone knows why I have a [DIR] file on my ftp connection when I use ftp simple. When I click one it disapears
This wild thing broke me VSC!!!!! All my folder settings are gone. Even after removing the add-on, they did not appear! What to do?????
Ok, thanks for the video. It did help me connect to my site but now I have a couple of problems. first off, there are a couple of directories not showing up in the explorer. I probably double-clicked on them checking everything out. They are there. I verified the site is working and I can access the missing directory in another FTP program. How do I get ftp-simple to display these directories? I've closed the connection, closed and re-opened VBS, even rebooted the computer but these directories still will not show up. And - now every time I open VBS, it looks like it's connecting to my host. How do I stop this?
Hey Phil, I haven't used the plugin for a very long time now and I won't be able to help. I am surprised that there hasn't been a new plugin for this
dude thx very much!! really helpfull!!
Glad to hear that! Thanks for the comment
THANK YOU! SO USEFUL!!!!!
Thanks, Bobur. Glad that you found it useful
Thanks, you helped a lot. I will save this video for future reference.
Thank you for watching! I am glad that you found it useful
Dope. Thanks. Switching to VS Code from Sublime 👌
I do like VSC 👌
Thank you very much!
Keep it up!
Good tutorial. Thank you & good luck.
Thank you!
Thanks, man! Very clear and simple. Just wondering , at 3:4x how did you type in a password and it's blotted out? Is that in your screencasting software, or did that while editing the video clip?
I am glad that you liked it. I did it while I was editing the video just in case I forget to delete the login details
i think i have a problem with path how to setup path, before path is "/" and i want to give the custom path but after i tried to change then vs display notification that the path is no resource folder
Thank you for this very helpful video.
Glad it was helpful! Thank you for watching
Hi is it possible To upload package with commande?
That's really helpful, thank you very much : D
Thank you for watching! 👊😎
Just wanted to ask. I could connect to 1 server, when i try to connect to different folder but same server, file Explorer stays same. I had to go to my local folders, delete temp files then connect again. Then it works. In tterminal output i could see i was successfully connected to specific folder, but explorer shows no different.
Thank u so much dude , it helped alot..🙌
Great to hear! Thank you Abhishek
Thank you, bro .. :)
Great tutorial, help me a lot!
Thanks for the comment, I appreciate it!
thanks a lot dude
you're AMAZING! THANK U DUDE
Thank you for watching! 👊😎
So basically does this ftpsimple extension for vs code do the same thing sftp extension tutorials? Should I use this ? They sent me a webserver to connect and I have my js codes in vscode. I need to be able to download and upload files to this web server. What do you think about that? I am so new to this :(
i got a problem with big ftp size. When trying to open certain DIR on the ftp the current DIR thats open doesn't want to disappear in the explorer tab
ok got it sorted, if anyone stuck. You got to close the folder first. File -> Close folder. Then open ftp again to DIR
Amazing Working!
Thanks!
Thanks for the info. How about changing directories. It tries to open as a file??
I am not sure why that is. Is it the 'path' option that you are looking for?
How do you transfer files from local to remote? Is there a window pane to view your remote files as well as local?
Not that I am aware of. It's best to just use FileZilla for that
Hey man! Great video, this has been much easier to understand than 99% of other tutorials! Unfortunately I have ran into a problem when connecting to the FTP. I am getting a message in the output saying 'FTP - close!!'. Could you help please?
I have tried the credentials on FileZilla and it connects as expected
@@chezzknee8858 In this case the only thing that could be the problem is the type.
type - string - (option) ftp type. 'ftp' or 'sftp' (Default: : 'ftp'). If 'ftp' does not work, try 'ftp2'.
If you are using SFTP port is 22, FTP 21, and you can also try ftp2
add these two lines at the bottom of your configuration: "secure": true, "secureOptions": { "rejectUnauthorized": false }. It works for me
I have a ftp server with shockbyte and its for minecraft but when i open a file it doesnt show any text just a blank file what do i do??
It sounds like file premissions. I am not familiar with Shockbyte, but could you log in to your Client Area and change the directory or files to have Read, Write and Execute premissions set to 755?
RaddyTheBrand ill try man but its wierd that it works with filezilla but not vscode
@@CodeZhifty yeah give it a go
thanks! Worked perfect for me!
I am glad that it worked. Thanks for watching! 🦍
Awesome bro..
Thanks, brother!
After FTP is setup, nothing happens when running Remote Directory. Only get FTP close!! as response..
It's the output tab and then you need to select ftp simple. See what it says there and if it is "FTP connecting... FTP close..." Your connection details are not correct. If there is anything I can help with let me know. Of course there are other good alternatives like FileZilla
Awesome video. I have a question: is it possible to download immediately and automatically the altered file(s) to the localhost too or not?
You can download locally and also create backup files once you edit something. I actually made a second video on this and it's under my channel if you want to check it out. I think that I explain everything in the intro. Thanks for the question
Really good! thanks man!
Thank you!
Is there a way to rename the FTP main folder or to make it so that it uses a different path in your PC?
getting this issue --- path does not exist.
the path
'c\users\dell\AppData\Roaming\code\user\globalstorage\humy2833.ftp-si...\mysite.com'
does not seem to exist anymore on the disk.
Try setting the path manually to something that you know exists
@@RaddyDev having this now Failed to get server file list : Error: Can't open data connection in passive mode: connect ETIMEDOUT " some ip address like numbers here"
@@ashokrijal3442 it sounds like you are very close!
Try with SFTP.
Set the port number to be 22 and type to be sftp
@@RaddyDev Connect fail : Error: connect ECONNREFUSED 144.76.103.9:22
@@RaddyDev getting this now with port 21 Please wait......Remote Info downloading... You can see 'output console'
Hi
I followed your tutorial and it worked but today i tried to connect and the terminal tell me that the ftp is close. I retry to open but nothing. Help :/
That's a strange one. Did you change passwords or something? It's hard to say what it could be
great video...thank you mate
Thank you!
thx
I have done everything what you explain but it dose not update in server and it doesn't change the site view..
That's strange, Akash. Could it be file / folder permissions of your server? That's the first thing that comes to mind
Thank you Sr, very helpful
Thank you for taking the time to leave a nice comment 🙂
Hey bro you are really coooool... super coool:) that how IT man should look like... you deserve all my respect bro! definitely subscribe)
Haha thank you! I appreciate it 👊🦍
Nice. Thank you
When i open my directory I cant see the files on the left. Can you help me?
When you create your FTP account make sure that you point it to the root folder of your project. Sometimes it likes to create a new folder name with the username and points you there which is an empty folder if that makes sense. Let me know if you still have problems and I'll be happy to help
Your name occupy all my horizontal entire screen
@@Kevinproducciones2 What do you mean?
Nice Video. But major minus to ftp simple. Because it does not only list the space it downloads everything of the remote directory. Imagine if you have a big website. For example an eshop with 10GB of data. Useless plugin. The only plugin that works perfect is only NPPFtp of Notepad++. It lists the directory without downloading anything. Only the file that you edit. Perfect. Visual Studio Code together with Sublime has a big minus on this feature. It is the main reason that I never use those editors.
Hey George, thanks for the comment.
FTP Simple is far from perfect, but it does everything you explained above. You can use the Remote option, meaning that the files won't be downloaded locally and you can make changes straight away.
You can also use the Local Development option which will download the files locally. The great thing about the Local option is that you can enable backups. So every time you make some changes, it's actually backing up your files too (not all, only the ones you changed). Best to use something like GitHub for that, but that's another conversation. You can then use the compare server files to local files option which is pretty cool. There are some drawbacks on this plugin, but nothing that you listed.
There are many other options that you can try. Somebody commented the other day that SFTP by liximomo is very good.
I made an upgraded video on this explaining the local and remote option in detail which you can check out on my channel if you wish. At the end of the day if Notepad++ does the job for you and you love it, there is no point of changing.
@@RaddyDev The remote functionality of ftp simple has two options. The first option is listing the directory and the second option is file choise without listing. On the first option everything is downloaded in the temp profile inside the AppData. In the second option every time you need to open a file you must run the plugin again. In Notepad++ is listing without downloading and make a temp file only the file that you edit. And of course all the time the listing is there without "eating" your SSD space. It is obvious that the quality of vscode is way better that Notepad++. But functional plugins for direct ftp, for continuous listing without downloading, are appeared only in Notepad++ and Atom. I will try though SFTP by liximomo. Maybe there is an improvement.
Thank you
Welcome!
How to prevent ftp from uploading certain files like PSD files. Or other non optimized files. Since they have high storage size.
It looks like you can only ignore specific folders. I guess you could create a PSD folder to store your files and then ignore it.
This is from the documentation:
ignore - array - (option) Only 'Remote directory open to workspace' option. Path to be ignore. Use glog pattern. (Caution : server path (ex:/home) + ignore pattern (ex:/**/node_modules) => /home/**/node_modules)
@@RaddyDev Thanks for the answer.
Can you suggest a good way to automate my website upload ?
In my workflow, to save time, I keep all PSD files and images in same folder. So, I can edit the images and overwrite, without selecting a save path. Sometimes, there are Illustrator and After Effects files.
Right now I copy everything to an upload folder and manually delete the PSD and other workfiles. Then, I zip the upload folder and deploy to hosting path, unzip there. I think Zip is optional if using ftp. Any VSCode plugin or something like npm module, webpack, babel. That can automate everything.
It's a tough one. Could you integrate publishing your website changes with GitHub? You could use .git ignore to specify the files and folders that you don't want to push. Some of the modern hosting providers make the integration easy, but I understand that not all have that option
Thanks Man. GOD BLESS
Thank you for watching, brother! 👊🦍
Is it possible to download a part of the project?, if I have a specific folder with TB of files and I want to skip this folder, is it possible?
Yes, you can connect to your server and right click on the folder or file that you need and select ftp simple : Download in working directory.
I am working on a new video right now which will explain everything in detail. The video will be out next week
sir ... in my outpur windows whenever i try to "remote directory open to workspace" it show ftp close.... plzz tell me how to fix this
Probably wrong frp details. Try with SFTP and port 22
Sure its good for uploading files to server. But most of the times we need to download specific files or folders (not entire server files) from remote server and then make changes. The how exactly we can do this with ftp-simple editor? I use atom editor just because of the extension remote-ftp which provides remote file explorer on sidebar, where you can browse and download specific files just by right clicking. I don't see any ftp package of vscode provide that.
Many people have said that the Atom remote-ftp is much better. I am hoping that we get something better for VSC soon. I did a second more detailed video on this if you want to check it out. I think that it's a little bit longer
Thanks Buudy
Thanks for the comment!
Thank you man!
Happy to help! Thank you for watching
very well explained
Glad you think so!
dzięki za film
Great content. Is there a way to run a test before uploading it directly to the server?
You can set up a local development folder and once you are happy with the changes you've made you can upload. You can also enable backups which is fairly useful for keeping old versions of the files.
A lot of people requested this and so I made a new more detailed video which will be uploaded today
Thank you for watching!
Hi and thanks for the video.
I am new with VS Code and want something like this but, if I understood correctly, the idea of this extension is to work with the file from the server. I have the opposite, I have my files local and when I finish I like to upload to the server. Worked fine just every file I have to choose the ftp server and the directory to save the file up there.
Do you know if is there any way to mirror the file structure from the PC to the ftp server? (kind of a typical ftp program: filezilla et al)
You can work locally and right-click on a file to upload it to your server. I would personally make enough changes and then just upload with Filezilla. It is an option, so maybe you could try it and see if you like it. Back up anything before you try it just in case. There is also a backup option that you can set, so every time you make a change the old file goes in a backup folder
@@RaddyDev Thanks. I guess is not an extension for me.
And where are the local files?? it only shows the remote files and you edit directly to, I guess a temporary copy and then upload directly??
I think that there was an option to download the files. I am not sure if it was the backup option. I haven't used the plugin it in a while
Thank You buddy
You got a sub
Thank you for the support! 👊🦍