Rails Template Inspector
Overview:
The <rails-inspector> is a custom element that allows users to navigate directly to their local IDE code from a browser element with a simple click. It specifically supports Rails templates.
Features:
- Custom URL Scheme for editor: Users can define a custom URL scheme for the editor, with the default being
vscode://file. This allows users to choose their preferred code editor. - Combo Key: Users can define a key combination to toggle the inspector. The default combo key is
meta-shift-v, but users can customize it to their preference. - Support for Various Editors: The <rails-inspector> supports opening code in popular editors like Visual Studio Code, RubyMine, MacVIM, and Emacs. It provides examples of URL schemes for these editors.
Summary:
The <rails-inspector> is a custom element that enhances the development workflow for Rails developers by allowing them to easily navigate from a browser element to their local IDE code. With features like custom URL schemes, support for various code editors, and customizable key combinations, this element improves efficiency and streamlines the development process. By following the installation guide, users can seamlessly integrate the <rails-inspector> into their Rails applications and optimize their coding experience.
- Vite
Vite is a build tool that aims to provide a faster and leaner development experience for modern web projects
- UnoCSS
UnoCSS is an instant, on-demand atomic CSS engine that generates utility classes at build time. It's highly customizable, extremely fast, and compatible with Tailwind CSS utilities while offering additional features like attributify mode and pure CSS icons.
- Typescript
TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.