Looking For A Code Editor

1

Hello, I’m new to coding and I’m looking to find a code editor that I could practice building projects on. I’m talking something I could practice HTML, CSS, and eventually JavaScript. I seen something on the internet that said Sublime Text is good to start out with. Is this true? I would be using a MacBook.

2

Visual Studio Code is what I’d recommends for beginners. it’s fairly easy to set up and very powerful.

1 Like
3

Okay, thank you! I appreciate the help!

1 Like
4

There are a lot of videos about setting up mac.

5

I ultimately recommend visual studio code as its a very beginning friendly code editor and you can install very good crazy extensions that makes your job easier for example, prettier to auto format code nicely, live server to create a local live server for your local projects and Live Share to collabrate on same code lively at same time with others.

Also , Do not need to say,however, it is industry leader.

6

Thank you! I’m going to check them out.

7

Thanks! I have VSC, it’s just a little confusing for me at the moment. I haven’t been able to link CSS to my HTML file.

8

To link a css file to the html you can use the <link> element.

Example:

<link rel="stylesheet" href="filename.css">
9

Thank you! I’m going to try it.

10

VSC HTML PIC I
VSC HTML PIC I2878×1800 286 KB

Here is a screenshot of me trying to change the paragraph font color in VSC but it’s not changing anything for.

11

VSC CSS PIC I
VSC CSS PIC I2870×1792 233 KB

12

Did you save your files?

13

VSC CSS SS
VSC CSS SS2870×1784 387 KB

I was not saving my files and once I did it made the changes, but once it made the change once it stopped. It will not add the style I want on the “h2” element. It will not even change the color on the first two. For instance, if I change the red to black it will stay red.

14

You need to keep saving your files every time you want to see the realtime update

15

It has auto-save function though! File->Auto Save :slight_smile:

16

Thank you! That was the issue! Problem solved!

17

I did this immediately when I saw this message! Thank you!

18

Can you mark my reply as the answer pls? Thanks

19

Done! Thanks for the help!

1 Like
20

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.