Visual Studio Code for Adobe ExtendScript

[@4rtf4ilure7]

idk where to get the popup window jsx file and everytime I try tu rin it it says index.jsx not found help ! please :) im a total noob in coding

[@Tom10]

10:01 - did at any point you experienced situation, where Global variables stack is not available? After clicking on it, nothing shows up and only a spinner loader keeps on showing? I been looking for a solution for a while without any luck on how to solve this. Globals disappeared for a prolonged time already and I can't find a way to make them back. Any help is appreciated - thanks!!!

[@shiva1981s]

Your walk through was great! Everything just worked perfect to me.

[@Tom10]

08:52 - this specifically happens when Extendscript Toolkit is opened in conjunction with Visual Studio Code, thats for sure. However, sometimes after debugging breaks or hangs - its also the case, which is frustrating. Meaning, you must then restart both, AE and VS (even if Extendscript Toolkit never been opened). Thus, any chance you experienced this and aware how to avoid it? Other than that - great tutorial, cheers!

[@askhento]

This is so dope, especially on the macOS. I've just launched the original tool and it was super low resolution. Many thanks!

[@GalZemach]

This really helped me, thanks! Keep in mind that in M1 macs debugging doesn't work (Select Target Application doesn't appear) but you can install the intel version of vscode and then everything works

[@xdanic3]

4:55 I get an erro on Indesign because "app.activeDocument.activeLayer.name" on the name property because is either Layer or text, I'm just doing a simple alert((app.activeDocument.activeLayer.name)) What should I do here? --- if(app.activeDocument.activeLayer instanceof Layer){ alert((app.activeDocument.activeLayer.name)) } } --- This works but feels extremely verbose

[@dcx45]

Brilliant, many thanks for taking the effort to record this.

[@BRODZELi]

Awesome!!! Waiting for more tutorials.

[@dupaulmpoyiart5464]

hello teacher , i have a problem, Adobe After effect is not showing , i fallow all the process the way you teach, but at the end no thing , there is a message coming out says that " no active Editor ". What can i do to active the Editor of Visaul studio code please help me

[@Pam_doo]

thxxx for sharing!!!Learned a lot.So sweet to beginners like me

[@oliverwolfson]

Works great. Just curious if you know if the ESTK is available for after effects. I have not found an updated install.

[@HNTAutumnleaf]

I dont know where to find the Popup Window.jsx file, or did i miss it in the video?

[@joelpitrel3186]

Thks for that video, just discovered your c++ tutorials please make more of those

[@CodeandMotion]

Hey Joel, currently I'm focussing more on ExtendScript. When I feel I really understand ExtendScript I'll continue that series. Just because c++ is significantly more complex to understand and it takes a lot more work to actually write useful stuff.

[@CG_MIGHTY]

Hello, I'm struck at Visual Studio Code execute script on Premiere Pro on MacOS. It won't open premiere.

[@abiral2188]

will be waiting for new videos :D

[@milibrodeoro]

Thank you. I get a syntax erro in app.document.nn. it says document does not exits in type Application neither Preferences.

[@PtitcinSergey]

Thanks! Why i can't use trim() method on string variable? I am getting "Property 'trim' does not exist on type 'string'"

[@CodeandMotion]

thats probably because the adobe programs use a old version of JavaScript where that function isn't avaliable

[@leonardopinheiro6693]

Very good tutorial. Thank you.

[@sanbooly]

Hey bro, nice video, I followed your steps and i toke all indesign files, i'm not a coder but i'm perform some JSX files. the way of type app.[....] not working even after i did your steps. can you help me please. !?

[@jimd7628]

Does anyone know where to get the popup window.jsx file?

[@zetrocadartse646]

im just starting to code for after effects (i know this is something advanced but i want to try it anyway) is this something that i have to do for every script or only for adobe scripts?

[@CodeandMotion]

This is a scripting setup specific to scripting for Adobe products. Other things like websites or apps require a different setup. Once you have done the setup in this video you're all good and don't have to do it again. (until you get a new PC and have to set it up again)

[@zetrocadartse646]

@@CodeandMotion thanks a lot

[@枫阮]

Thank you very much, it's very useful,Follow the instructions very smoothly.

[@yuansource3861]

Thank you very much man!

[@JeremyChone]

Good vid, thanks, perfect to get started.

[@mirzakadic9174]

Hey, is there a way to get properties from a layer? For example, autocomplete of app.project.activeItem.layer(1) does not autocomplete anything... Maybe I'm missing a step?

[@CodeandMotion]

That is because a activeItem can be three different types (compItem, footageItem or folderItem). Right now you're accessing the compItem but VSCode is not smart enough to know that yet so you would have to explicitly check that it's a compItem for autocomplete to work.

[@kanadalux3621]

Excellent video. Is there an extra file to improve the call to objects?

[@CodeandMotion]

No not really, that is the only main problem with doing it in visual studio code now. You have to actually define and check every object right now.

[@finnegon16]

good structure! keep it up

[@sargonassarg4356]

Great tutorial. Unfortunately I was unable to get this working with photoshop. I wrote simple code like this: #target Photoshop app.bringToFront(); Photoshop does become the focus but I'm given an error that says "Could not complete request because it is not the right kind of document". Anything after those two lines is halted at that error code as well. When I execute the same code in Photoshop directly, it works. Any idea as to what's wrong?

[@wtmftproductions]

I followed the steps but don't seem to have any sort of "intellisense" completion. What could I be missing?

[@CodeandMotion]

Some objects you have to explicitly define so you need to check them in a if statement. That's one of the bigger downsides of vscode vs the adobe tool

[@viralvekaria]

I am unable to find adobe script runner as you shown, cloud please help?

[@mxb4edits249]

you don't need it now the you can run the code in aftereffects without it

[@richardlalan7]

Love it! Thank you.

[@soy_binguine]

Many thanks!

[@RobertShane]

Is there any way I can do this in Visual Studio Community?

[@CodeandMotion]

Haven't looked into it, it's a bit of overkill.

[@RobertShane]

​@@CodeandMotion Do you know how to open a text file from where you left off in the video? Never mind, 2 seconds after asking I found it. But I had been looking for the last hour. I promise

[@mikeouwen]

HI can you explain what adding a types folder actually do and why?

[@CodeandMotion]

Hey Michael, I add the types folder so that Visual Studio Code knows all the classes that are avalaible in the extendscript framework and after effects. This gives us the ability to detect errors earlier and it automatically suggest variables and methods that are attached to the objects you are using in the code. So it speeds up your programming because you have better feedback.

[@_mrcrypt]

Fantastic! Thanks 🍷

[@LaCineTech]

Brilliant! Thank you very much for this! Keep going 😉

[@TheAwesomeTati]

Finally, thank you!!

[@nicolasmerono9577]

Hello, im looking for a AE Plugin Developer for a personal project.. can we get in touch?, please let me know!

[@2DeadFrogBrasil]

Amazing, thank you for that!!

[@SiNNature]

thank you so much

[@yasharrakei2563]

why i can't use breakpoints? i done every thing like you but when i start debugging, the compiler does not stop on line that has breakpoints and script will run. i installed Extendscript Debugger but still not working!!!

[@CodeandMotion]

The problem may be in your launch.json but I can't really help you I'll need more information.

[@theaterhobo]

Whenever I try running after selecting to send to After Effects, I receive error "Unable to find Adobe After Effects executable defined in settings. Make sure you have the path set-up correctly." I'm not sure which file I'm supposed to edit to fix this. None of them show a path as far as I can see.

[@theaterhobo]

I've noticed Illustrator opens without a problem, so it seems like it may be something with the index TS from the AfterEffects folder?

[@CodeandMotion]

You can use CTRL+ to open the settings and edit adobeScriptRunner.winAfterEffectsExe to point to the installation of your after effects

[@alansean1205]

Is that the way that video copilot use ?

[@CodeandMotion]

Video Copilot creates a lot of plugins (not scripts or extensions) so they probably use another IDE for better functionality with C++ like the normal Visual Studio. Other professionals do use this code editor like Zack Lovatt for example because they only make scripts and extensions and not plugins.

[@videosymas5278]

Thanks for this usefull stuff. I got autocompletion in .js files but .jsx file do not show any autocompletion. I think i follow your steps carefully.

[@CodeandMotion]

In the bottom left there is a select language mode for every file, setting this to Javascipt might help. Thanks for watching!

[@martinenej3109]

Thank you sooooooo much!!!

[@alansean1205]

Your the best bro

[@susantlenka9741]

how to run photoshop script through visual studio code

[@alansean1205]

How about learn us please coding saber plugin

[@tecmaster6493]

Gracias Gracias, Thanks a lot!!

[@alansean1205]

It need a good pc ?

[@CodeandMotion]

No not at all, if you can run after effects you can run vscode for sure!

[@NTProductions]

I still don't understand how doing all this setup is worth it instead of just using ExtendScript. I get that VS highlights things and makes it nicer to look at, and thus somewhat easier to learn. But the lengthy debug setup, the constant failures to connect VS to AE, and requirement of many files just to run one .jsx makes ExtendScript still on top. Don't even get me started on the lack of Data Browser in VS. Tons of functions and methods are hidden only to ExtendScripts browser, and as far as I know none of those windows are implemented into VS yet.

[@CodeandMotion]

You have to do the setup only once, so that's great. I do understand, when just developing a small script ExtendScript Toolkit CC is great. I do prefer vscode especially when creating extensions because you also have HTML and CSS to deal with. It's also way more flexible it gives you opportunities to easily: use SCSS and compile it to CSS, use typescript and compile it to JavaScript/ExtendScript, use custom code clean-up and formatting, use JSDoc to document your code when your codebase gets bigger, easily use npm and many other things. As for the Data Browser I don't use it that much plus it's really slow. If I use it, most of the time I just pull it up on my other screen. In the end I guess everyone has to just figure out what works for them. Maybe it's just the fact that I'm a web developer and use vscode on a daily basis, so for me it's just a logical choice to also do this in there.

[@NTProductions]

@@CodeandMotion For sure it is great for extensions if you don't want to use ExtendScript to edit HTML, CSS, etc! But what my gripe is, is that for people learning (which I presume are people who are watching this), VS is limiting in that it DOES NOT contain many of the hidden methods and functions not in any scripting guides. The Data Browser doesn't have to be fast, it is there to be read like the Scripting Guide. My concern is that this is closing a frontier, and with special regards to Premiere, is removing the entire documentation for QE().

[@CodeandMotion]

@@NTProductions Very true, in the cases of doing things within scripting that are pushing boundaries you may need to know things that are only known within the Data Browser. A lot of the things beginners want to do can be found all over the internet tho. It is way easier to start with the ExtendScript Toolkit CC because it works out of the box. But I don't think it's a nice introduction into the world of coding when you use that software. I don't know why but I just don't find it that nice to work with.

[@CodeandMotion]

I also wanted to say thanks for everything you do! I learned a lot from watching your video's.

[@NTProductions]

@@CodeandMotion Give it about 8 years and you'll get used to ExtendScript :p And thank you!

[@NikosKatsikanis]

i watched this at x5 speed

[@noobFPV]

Dude. Create more videos.

[@TeaWap]

please check email