WEBVTT

1
00:00:00.000 --> 00:00:02.580
An Elements project is just
a folder on your computer

2
00:00:02.620 --> 00:00:05.560
and by default it's going
to go into the home directory,

3
00:00:05.600 --> 00:00:08.970
your Elements folder, projects,
and then the name of the project.

4
00:00:09.400 --> 00:00:13.300
If you want to navigate into that folder
yourself, you can do that on Windows or Mac

5
00:00:13.340 --> 00:00:17.050
just by clicking into the folder,
and then you'll see the files that are there.

6
00:00:17.280 --> 00:00:21.760
If you're done for the day and you're
starting up Visual Studio Code the next day,

7
00:00:21.800 --> 00:00:26.320
it will automatically start you in
the previous project that you left off on.

8
00:00:26.360 --> 00:00:29.860
If for some reason you can't find that or
you want to open up a different project,

9
00:00:29.900 --> 00:00:34.660
just close this window,
go up to Code, File, Open Recent,

10
00:00:34.700 --> 00:00:38.800
and pick the most recent project or
the project that you want to open.

11
00:00:38.840 --> 00:00:41.920
And if you can't find it in the recent
list, you can say Open Folder,

12
00:00:41.960 --> 00:00:45.930
navigate to the folder of your project,
and then just open up that folder.

13
00:00:46.120 --> 00:00:49.580
Now when you open up the application
in Visual Studio Code

14
00:00:49.620 --> 00:00:53.220
for the first time in the day,
it's going to be in a failed state.

15
00:00:53.260 --> 00:00:56.320
It'll be turned off. The browser here
will show some kind of error message.

16
00:00:56.360 --> 00:00:58.900
Just go down into the terminal area.

17
00:00:58.940 --> 00:01:02.520
And again, if that's not open,
press Control-backtick,

18
00:01:02.560 --> 00:01:08.290
or go up to the menu here to Terminal,
click New Terminal, and type elements start.

19
00:01:08.340 --> 00:01:11.420
Remember, elements start is how
we start the day with Elements.

20
00:01:11.460 --> 00:01:14.820
That's going to boot up the application
server very quickly, as you can see,

21
00:01:14.860 --> 00:01:18.200
and you should see your application
appear here in the browser.

22
00:01:18.240 --> 00:01:21.740
If you ever get confused and you're not
sure what to do inside of Visual Studio

23
00:01:21.780 --> 00:01:26.360
Code, just go over to the chat window and
you can ask your agent how to do anything.

24
00:01:26.400 --> 00:01:29.110
It will know about Elements
already automatically,

25
00:01:29.220 --> 00:01:31.840
and so you could ask the agent how
to do various things in Elements,

26
00:01:31.880 --> 00:01:33.740
how to start the server, et cetera,

27
00:01:33.780 --> 00:01:37.020
and it will tell you. Now,
if you're a more advanced user,

28
00:01:37.060 --> 00:01:39.480
you're using the terminal or Vim, again,

29
00:01:39.520 --> 00:01:44.050
because Elements is just a folder
and a command line program,

30
00:01:44.240 --> 00:01:46.300
you can access it through
the terminal as well.

31
00:01:46.340 --> 00:01:50.400
So if I were to change into elements,
projects, and then myapp,

32
00:01:50.440 --> 00:01:55.170
and look at the folders, you'll see in
this folder is the application itself.

33
00:01:55.340 --> 00:01:58.660
And if I were to start up Claude,
for example, in this directory,

34
00:01:58.700 --> 00:02:02.640
Claude will know about Elements

35
00:02:02.680 --> 00:02:04.220
and it will know about the project here,

36
00:02:04.260 --> 00:02:07.100
and so I can just start telling Claude
to work with Elements in this directory

37
00:02:07.140 --> 00:02:12.660
and it will work fine. I can also use
Vim or an advanced editor and open it up,

38
00:02:12.700 --> 00:02:17.340
open up this project folder,
and you'll get all of the Language Server

39
00:02:17.380 --> 00:02:21.570
Protocol features that you would
normally get in an editor in Vim as well.

40
00:02:22.260 --> 00:02:24.660
Now, if you're not so advanced
as to use the terminal,

41
00:02:24.700 --> 00:02:28.300
don't worry about that. All of our
demos will be in Visual Studio Code

42
00:02:28.340 --> 00:02:31.530
because I think that's a perfect
environment to work in these applications.