{"id":19185575,"url":"https://github.com/flutter-view/flutter-view-vscode","last_synced_at":"2026-06-20T17:30:59.885Z","repository":{"id":79280788,"uuid":"148048000","full_name":"flutter-view/flutter-view-vscode","owner":"flutter-view","description":"This extension allows you to inspect flutter-view pug files and see the generated dart code behind it, as well as navigate to it. This makes navigating between Pug source and generated Dart code quicker and more pleasant.","archived":false,"fork":false,"pushed_at":"2018-12-17T14:29:18.000Z","size":24,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2026-06-05T12:38:06.224Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/flutter-view.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2018-09-09T17:15:27.000Z","updated_at":"2019-10-15T07:48:50.000Z","dependencies_parsed_at":null,"dependency_job_id":"f2f0320f-7b66-46c5-b7f6-996555bd1d37","html_url":"https://github.com/flutter-view/flutter-view-vscode","commit_stats":null,"previous_names":[],"tags_count":2,"template":false,"template_full_name":null,"purl":"pkg:github/flutter-view/flutter-view-vscode","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/flutter-view%2Fflutter-view-vscode","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/flutter-view%2Fflutter-view-vscode/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/flutter-view%2Fflutter-view-vscode/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/flutter-view%2Fflutter-view-vscode/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/flutter-view","download_url":"https://codeload.github.com/flutter-view/flutter-view-vscode/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/flutter-view%2Fflutter-view-vscode/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":34580039,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"online","status_checked_at":"2026-06-20T02:00:06.407Z","response_time":98,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-11-09T11:11:05.198Z","updated_at":"2026-06-20T17:30:59.863Z","avatar_url":"https://github.com/flutter-view.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# flutter-view-vscode\n\n![Flutter view in VSCode animation](https://raw.githubusercontent.com/flutter-view/website/master/images/flutter-view-demo-anim.gif)\n\nVS Code support for **[flutter-view](https://flutter-view.io)**. Flutter-view allows you to lay out your Flutter apps faster, using Pug/HTML and Sass/CSS.\n\nThis extension allows you to inspect pug files and see the generated dart code behind it, as well as navigate to it. This makes navigating between Pug source and generated Dart code quicker and more pleasant.\n\n## Features\n\n- Mouse hover over a Pug tag with the command key pressed to see a hover window with the generated Dart code.\n- Mouse click an a Pug tag with command key pressed to navigate to that point in the generated Dart code.\n- Rightclick a Pug tag and select **Peek Definition** to open an in-editor area with the generated Dart code you can see and edit.\n\n## Requirements\n\nNo requirements besides having a working project with **flutter-view** generated code.\n\nUse this extension in combination with the [Project Links extension](https://marketplace.visualstudio.com/items?itemName=KyleDavidE.vscode-project-links) to make working with **flutter-view** a lot more comfortable in VSCode.\n\n## Known Issues\n\nNot all Pug elements will be linking to code, because not all elements are translated into Dart code.\n\n## Release Notes\n\n### 1.0.0\n\nInitial release\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fflutter-view%2Fflutter-view-vscode","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fflutter-view%2Fflutter-view-vscode","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fflutter-view%2Fflutter-view-vscode/lists"}