DEV Community

SKY-HaYaTo
SKY-HaYaTo

Posted on

How Relation with tpl and Html on VSCode?

Hi,Guys!
I'm Kohei,a Software Engineer in Japan.

I am talking about a function of VSCode.

Today's Topic is...

Now, The Topic is about Relationship with these extension .tpl and .html on Visual Studio Code(VSCode).

Extension .tpl is often used in Web Framework of PHP.

Recently, I develop personal Web apps using Golang and Beego which is one of Web MVC Frameworks of Golang.

Beego is generally used .tpl as template engine.So, I need to make VSCode recognize .tpl extension like .html.

In this article, you do'nt install any plugins with .tpl,but revide settings.json on VSCode.

It's a very Simple away!

VSCode is the most popular Free IDE and used in the world.
An one of nice functions on the IDE is to relation variaty of extension.

As my memorandom and shrering with you,I have decited to write the article.

Ok,Now,Let's explanation!

How to use the function...?

In conclution, only 3 steps is completed.

Start VSCode and Click Prompt Screen

Top of the VSCode is set prompt screen(as a below picture).
You click on cursor.

Image description

Input Value of Setting.json in the screen

Next,You need to input the value setting.json.
If maybe you continue to type setting.json, key intellisence will start and display some canditates including setings.json.

When you see the word,click it!

Then target page will transition to settings.json.

Image description

Revision Settings.json File

When display settings.json,you will type String of sentense (below the capture).

Image description

You input the senetences,please save the revision.

From now, we can relationship with .tpl and .html.

That's all!

Have a nice programming!

`

Top comments (0)