28 votes
TSX File - What is a .tsx file and how do I open it?
Learn about .TSX files and view a list of programs that open them.
Languages
Overview
What is a TSX file? A TSX file is a TypeScript ( .TS ) file written using JSX syntax . It contains code that is most likely part of a single-page or mobile application. TSX files can be opened in any text editor, but are meant to be opened in source code editors.
More Information JSX, also known as JavaScript XML, is an extension to the JavaScript programming language. Developers use JSX syntax when developing user interfaces and other application components using React, an open source JavaScript library developed and maintained by Facebook. Developers working in the TypeScript programming language, which is a variant of JavaScript, can use JSX syntax within their development projects. When they do, they save their in-progress JSX-laden code as TSX files, before eventually transforming those files into .JSX (React JavaScript) or .JS (JavaScript) files.
Document Icon
Breadcrumbs
DeveloperThorbjørn Lindeijer
Popularity2.3 | 4 Votes
Previous / Next
In-Depth
.TSX File Extension
2 file types use the .tsx file extension.
React TypeScript File
| Developer | Microsoft |
| Popularity |
4.0 | 28 Votes |
What is a TSX file?
A TSX file is a TypeScript ( .TS ) file written using JSX syntax . It contains code that is most likely part of a single-page or mobile application. TSX files can be opened in any text editor, but are meant to be opened in source code editors.
More Information
JSX, also known as JavaScript XML, is an extension to the JavaScript programming language. Developers use JSX syntax when developing user interfaces and other application components using React, an open source JavaScript library developed and maintained by Facebook.
Developers working in the TypeScript programming language, which is a variant of JavaScript, can use JSX syntax within their development projects. When they do, they save their in-progress JSX-laden code as TSX files, before eventually transforming those files into .JSX (React JavaScript) or .JS (JavaScript) files.
How to open a TSX file
Because TSX files are plain text files, you can open them in any text editor. However, TSX files are meant to be opened and edited in source code editors, such as Microsoft Visual Studio (Windows) or Github Atom (cross-platform). Source code editors provide helpful editing tools and, with the TypeScript package installed, highlight TypeScript and JSX syntax correctly.
Open over 400 file formats with File Viewer Plus . Free Download
Programs that open TSX files
Sort
Pricing
Program Name
Platform
Reset
X
Windows
TypeScript
Free
Microsoft Visual Studio 2022
Free +
Github Atom
—
Discontinued
Free
Any text editor
Mac
TypeScript
Free
Github Atom
—
Discontinued
Free
Any text editor
Linux
TypeScript
Free
Github Atom
—
Discontinued
Free
Any text editor
Category: Developer Files
Updated: January 11, 2021
Tiled Tileset
| Developer | Thorbjørn Lindeijer |
| Popularity |
2.3 | 4 Votes |
A TSX file may also be a tileset created for use with Tiled, a 2D video game level editor. It contains XML data used to load a source image (typically a .PNG file) and divide that image into tiles. After loading a TSX file, Tiled users can place the tiles it describes on a Tiled level map ( .TMX file).
More Information
TSX file open in Tiled
Tiled allows video game developers to create and export 2D level maps, for use in game development projects. Each map consists of a set of placed terrain tiles, selected from one or more TSX files.
To create a TSX file, developers select New → New Tileset... from Tiled's menu bar. They then import an image that will comprise their tileset (typically, a rectangular image consisting of several terrain features) and specify the area of each tile (by default, 32 x 32 pixels). Tiled then maps the developer's tile size settings to the image they imported, creating a tileset.
However, TSX files do not contain a copy of the image a Tiled user imported to create that tileset. Instead, they contain a reference to the location at which the imported image is stored. Thus, if you move the image a TSX file references, Tiled will not be able to load that tileset.
How to open a TSX file
You can open a TSX file with Tiled, to load and edit the tileset it describes. To do so, select File → Open File or Project... . Then, navigate to and open your TSX file.
To add a TSX file to the list of available tilesets while creating a Tiled map ( .TMX file), select Map → Add External Tileset... . Then, navigate to and open your TSX file.
If necessary, you can also open a TSX file with Microsoft Visual Studio Code or any other text editor, to view the XML-formatted text it contains.
How to convert a TSX file
You can use Tiled to export the tileset a TSX file describes as a .JSON file or .LUA file. To do so, open your TSX file in Tiled, and then select File → Export . Choose the file type to which you want to convert your TSX file, and then click Save .
Programs that open TSX files
Sort
Pricing
Program Name
Platform
Reset
X
Windows
Tiled
Free
Any text editor
Mac
Tiled
Free
Any text editor
Linux
Tiled
Free
Any text editor
Android
NotTiled
Free
Category: Game Files
Updated: July 26, 2023