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…


This content originally appeared on DEV Community and was authored by SKY-HaYaTo

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!

`


This content originally appeared on DEV Community and was authored by SKY-HaYaTo


Print Share Comment Cite Upload Translate Updates
APA

SKY-HaYaTo | Sciencx (2025-02-21T14:19:10+00:00) How Relation with tpl and Html on VSCode?. Retrieved from https://www.scien.cx/2025/02/21/how-relation-with-tpl-and-html-on-vscode/

MLA
" » How Relation with tpl and Html on VSCode?." SKY-HaYaTo | Sciencx - Friday February 21, 2025, https://www.scien.cx/2025/02/21/how-relation-with-tpl-and-html-on-vscode/
HARVARD
SKY-HaYaTo | Sciencx Friday February 21, 2025 » How Relation with tpl and Html on VSCode?., viewed ,<https://www.scien.cx/2025/02/21/how-relation-with-tpl-and-html-on-vscode/>
VANCOUVER
SKY-HaYaTo | Sciencx - » How Relation with tpl and Html on VSCode?. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2025/02/21/how-relation-with-tpl-and-html-on-vscode/
CHICAGO
" » How Relation with tpl and Html on VSCode?." SKY-HaYaTo | Sciencx - Accessed . https://www.scien.cx/2025/02/21/how-relation-with-tpl-and-html-on-vscode/
IEEE
" » How Relation with tpl and Html on VSCode?." SKY-HaYaTo | Sciencx [Online]. Available: https://www.scien.cx/2025/02/21/how-relation-with-tpl-and-html-on-vscode/. [Accessed: ]
rf:citation
» How Relation with tpl and Html on VSCode? | SKY-HaYaTo | Sciencx | https://www.scien.cx/2025/02/21/how-relation-with-tpl-and-html-on-vscode/ |

Please log in to upload a file.




There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.