Post navigation

Learn Web Development – The Super Simple Way

Installing Notepad++

To learn web development, we need a program that we can use to edit our files and manage our projects. Notepad++ is what I’m going to explain to use. First, download and install it. Done. Next, start it up. You notice the simplicity and ease of use. Everything is right there for you.

Here are a couple of things you want to set up.

Multi line tab. Whenever you have more tabs than the window can handle, you want them to wrap around so you can find them easier instead of scrolling through, or clicking to drop down, etc.

Go to Settings > Preferences.

On the right of this pop up window, notice the Tab Bar section.

Check the checkbox that reads Multi-line.

CSS font by default is not the same font as other languages. Let’s fix that.

Go to Settings > Style Configurator.

In the first list on the left, under Language, find CSS.

In the list next to it under Style, find and click TAG.

To the right, under Font Style, change Font name from Batang to (blank), first option in the list.

Click Save & Close.

Time to get some plugins. Let’s open up Plugins > Plugin Manager > Show Plugin Manager

Select the following plugins

Compare

Explorer

JSTool

NppFTP

ScrollPastEOF

Install them

You will be prompted to restart. Notice how fast it restarts compared to other IDEs if you’ve used them in the past. It’s blazing fast.

Now that we got some plugins, let’s use them.

In the toolbar at the top, to the right, you will notice 3 icons.

A folder with a lens – Explorer plugin

A heart – Explorer plugin

A folder with a link – NppFTP

Click the explorer icon with the lens. Notice the new pane to the left.