codeswing

VS Code extension for building web applications ("swings") using a interactive and editor-integrated coding environment (by codespaces-contrib)

Codeswing Alternatives

Similar projects and alternatives to codeswing

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a better codeswing alternative or higher similarity.

codeswing reviews and mentions

Posts with mentions or reviews of codeswing. We have used some of these posts to build our list of alternatives and similar projects. The last one was on 2022-05-09.
  • Live preview for vscode web?
    1 project | /r/vscode | 25 Aug 2022
    I think I found my solution - looks like the codeswing extension (https://aka.ms/codeswing) supports live preview, even in vscode.dev. Awesome!
  • "Someone should build X for the web" - why not you? All you need is a GitHub account
    3 projects | dev.to | 9 May 2022
    Many of these features are also available in the other platforms and I really like that you can immediately see the results of your projects as you code them. But this feels like a great end-to-end solution requiring only one login I need for most of my work anyways. Incidently, if you want the immediate display of your project inside VS Code in the browser, you can also install the Codeswing extension.
  • Prototyping using codeswing
    1 project | dev.to | 3 Oct 2021
    Codeswing is an awesome tool made to prototype easily from vscode using any frontend you want (you can already have Svelte, React, Vue or Html/CSS/Js), with an auto-refresh rendering preview.
  • 10 Fun Things You Can Do with Github.dev 😎
    2 projects | dev.to | 28 Aug 2021
    Coding playgrounds (e.g. CodePen, JSFiddle) are a popular way to learn programming languages/libraries, and then share them with others. With github.dev, you can install the CodeSwing extension and begin creating web playgrounds, using your existing editor setup, and with your files persisted back to GitHub.
  • CodeSwing: Interactive web playground for HTML, React, Vue and Svelte, integrated into VS Code
    1 project | /r/programming | 20 Feb 2021
  • Looking for a free IDE like codepen.
    1 project | /r/webdev | 10 Feb 2021
    VS Code with Codewsing: https://github.com/codespaces-contrib/codeswing
  • CodeSwing - A CodePen-like web playground, integrated into VS Code
    1 project | /r/javascript | 7 Jan 2021
  • Show HN: CodeSwing – A CodePen-like interactive playground, built into VS Code
    1 project | /r/patient_hackernews | 27 Dec 2020
    1 project | /r/hackernews | 27 Dec 2020
    2 projects | news.ycombinator.com | 26 Dec 2020
    Hey! By default, none of the current templates add any libraries to the swing. However, I'm planning on adding new template galleries to make it easy to create/explore ideas using popular frameworks. I'd love to hear if you have any suggestions for what you'd like to see me prioritize (e.g. React, Tailwind, etc.), since I'll be working on that this weekend :D

    That said, when you create/open a swing, there will be a "CodeSwing" view on the Explorer tab, which displays all the files in the swing. One of those files will be called "codeswing.json", which is the manifest for the swing itself. If you click on it, you'll see two array properties, called "scripts" and "styles", which list the libraries that have been added to the swing. When you add a new library via the "Add Library" command, it will add the selected library to that file: https://github.com/codespaces-contrib/codeswing#external-lib.... Let me know if you have any feedback on that experience!

    Regarding sharing: I also maintain another VS Code extension called GistPad (https://aka.ms/gistpad) that allows you to login to GitHub and then manage gists/repos without cloning/committing files. I'm finalizing the integration between CodeSwing and GistPad that will allow you to create swings as gists, and then share the URL with others. Since GistPad shows your starred gists, and lets you follow other GitHub users, you can also share swings by simply starring/following others that are creating swings in gists.

    Additionally, since you can create new swings as local directories (using the "CodeSwing: New Swing..." command), you could store a swing in a GitHub/BB/GitLab repo, and then when others clone and open that repo in VS Code, the CodeSwing extension will detect the swing and automatically launch the right coding environment. The gif in the project's README shows that in action, using GitHub Codespaces.

    Let me know if any of that sounds interesting, or if you have feedback on how I could improve the overall experience. Thanks so much for checking out CodeSwing!

  • A note from our sponsor - InfluxDB
    www.influxdata.com | 19 Apr 2024
    Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality. Learn more →

Stats

Basic codeswing repo stats
15
976
5.0
about 1 month ago

codespaces-contrib/codeswing is an open source project licensed under MIT License which is an OSI approved license.

The primary programming language of codeswing is TypeScript.

Power Real-Time Data Analytics at Scale
Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
www.influxdata.com