Monaco Editor
Quasar Framework
Our great sponsors
Monaco Editor | Quasar Framework | |
---|---|---|
113 | 159 | |
38,268 | 25,202 | |
1.6% | 0.9% | |
8.4 | 9.9 | |
about 14 hours ago | 5 days ago | |
JavaScript | JavaScript | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
Monaco Editor
-
A structured note-taking app for personal use
Fyi, if you are ever looking for a fun project you might be able to implement this. The vscode editor source is available as a library https://microsoft.github.io/monaco-editor/
-
GIGO and VS-code: the Battle With Microsoft
VScode uses the monaco-editor to display all editor screens in vscode including the markdown editor. A simple solution is to use the in built markdown file editor and call it a day.
-
Show HN: Open-source alternatives to tools You pay for
visual studio is open source: https://github.com/microsoft/vscode
i remember using their monaco editor as well (https://github.com/microsoft/monaco-editor), a really powerful editor & the very same used by VS Code (i think you can even get at the AST for TypeScript, for example, in the browser if you poke around deep enough)
crazy cool stuff, and most definitely OSS!!!
-
NPM workspace and vite - Read dependency build output (d.ts file)
So lets say the project consists of two packages Lib and App in which Lib is a library and App is the frontend app which depends on Lib. Now I want to display a monaco powered code editor in App which has has access to all types of Lib. This means that I have to somehow read the *.d.ts file of Lib as a string to set it as "extra lib" for monaco.
-
[Webview] Scrolling jumps in Monaco editor
WebView webView = new WebView(); webView.getEngine().load("https://microsoft.github.io/monaco-editor/");
-
đĽâď¸ Notion-like Experience for Your GitHub Content
Youâll see a Monaco Editor-powered change editor. The content incoming from the Git repo is on the left, while the current content in Vrite is on the right. You can make changes in the editor on the right - this will ultimately become the result content. Once youâre done, click Resolve. If there are no other conflicts, you should now be able to pull the latest changes.
- Vscode.dev: Local Development with Cloud Tools
-
Repos: custom code languages syntax colorization via monaco editor
From googling about it seems that Azure uses monaco editor to make code in repos be colourised and what not. this appears to be the editor library for vscode, so that makes sense.
-
Vrite Editor: Open-Source WYSIWYG Markdown Editor
By referencing the ProseMirror docs, forwarding the editor state back and forth, and adjusting the layout, I managed to integrate Monaco Editor â the web editor extracted from VS Code â together with Prettier (for code formatting) right into the Vrite Editor (I know, thatâs a lot of editors in one place đ ).
-
Kako da u JavaScriptu napravim da se kĂ´d oboji dok ga korisnik ukucava? Uspio sam napraviti da se kĂ´d oboji kad korisnik pritisne tipku, ali nisam uspio napraviti da se boja dok ga korisnik ukucava.
mozes koristiti gotovi code editor library, https://codemirror.net/ https://microsoft.github.io/monaco-editor/
Quasar Framework
-
Show HN: Quasar Prime: Vue.js Admin Template
What does this bring that the Quasar framework doesnât already? This sure looks like an ad for a barely preconfigured quasar templateâbut itâs impossible to tell.
https://quasar.dev/
-
Ask HN: What framework/tools to use to build front end in 2023?
I'm for Vue/Nuxt. While reading React code is fine, I found it easy to shoot myself in the foot (causing circular effects or getting no reactivity) in a way Vue didn't. Vue feels more explicit. I like React's TSX for embedding HTML, but Vue's splitting of model and view appeals to me. I'm torn on that one.
Vue's ecosystem isn't as big, but it's an established framework. Both React and Vue feel easier to work with than Angular. RxJS is really cool, but also very comprehensive, making it difficult to keep the entire API in mind. At least for me, who only use it casually (used to use it more while at Google.) And on top of that, I have to know the Angular API. Angular used to be great for Material Design, but I nowadays there are MD packages for all systems.
Nuxt is for Vue what Next is for React: SSR and SSG. It adds auto-imports, which is nice. At this point, I see no reason to use Vue alone, since there's always something that can be pre-rendered. Perhaps the frontpage, or help pages. Since Vue itself provides entrypoints for SSR, Nuxt is more of a file-structure based router that just simplifies things. The documentation is a bit sparse on e.g. the difference between a plugin and a module, and I usually resort to navigating their source to understand things. That might not be everyone's cup of tea.
If what you're writing is a web app, there is also Quasar, built on top of Vue. Similar to Nuxt in that it ties in directory structure, build system and MVC framework. It is also a Material Design UI widget library. Their selling point is that you can build mobile apps, and web apps with the same library. I.e. like React Native. I felt it strays too far away from the core simplicity of Vue, unlike Nuxt, but it's no doubt a very capable framework.
Finally, I'm currently using PrimeVue as the UI widget/theming library on top of Vue. It's okay. :\ Switched to it when the Vue Bootstrap project decided to to support Vue 3 (or whatever the situation was.) I haven't come across anything that's actively broken or missing. The companion library PrimeFlex provides layout CSS. Annoyingly, they've decided to close GitHub FRs, and some (far from all) bugs, and just keep track of them internally. Makes it more dificult to communicate, but I don't know their reasoning behind it (they didn't respond when I asked.)
* https://vuejs.org/
* https://nuxt.com/
* https://vitejs.dev/
* https://primevue.org/
* https://primeflex.org/
* https://quasar.dev/
-
10 UI Libraries You Should Explore for Your Next Vue.js Project
3. Quasar Quasar is a versatile UI framework that allows you to build responsive websites, mobile apps, and desktop applications using a single codebase. It offers a wide range of components and utilities. Explore the Quasar website for more information.
-
Error: MiniflareCoreError [ERR_RUNTIME_FAILURE] when starting Cloudflare Pages locally with Wrangler
My project is a quasar project thatâs served on port 8080. However, I keep getting the following error in the log:
-
An Overview of 25+ UI Component Libraries in 2023
Quasar: It does not consider itself a library, but more of a framework. That, in my eyes is a bit confusing as it is based on Vue, but the idea is that you can use it to create websites and apps, meaning it uses a CLI to generate different outputs for web, mobile, desktop, SPA (Single Page Apps), SSR (Server Side Rendering), and more.
- Nuxt UI is one of the best UI libraries out there
-
Virus (Rat) Help
What did you download? Anything to do with this? https://quasar.dev/
-
Advice for someone moving from Vue/Quasar
I am an amateur developer and I use exclusively Vue and Quasar (https://quasar.dev/) as my framework. This is a big hammer and any frontend dev looks like a nail to me.
-
What framework/library/language has the best docs you've ever seen?
Quasar - https://quasar.dev/ - makes getting into an opinionated Vue setup painless
-
What tools do you use to convert Vue.js SPA to mobile apps?
Check out https://quasar.dev/ :)
What are some alternatives?
CodeMirror - In-browser code editor (version 5, legacy)
vuetify - đ Vue Component Framework
ace - Ace (Ajax.org Cloud9 Editor)
primevue - Next Generation Vue UI Component Library
quill - Quill is a modern WYSIWYG editor built for compatibility and extensibility.
Nuxt.js - Nuxt is an intuitive and extendable way to create type-safe, performant and production-grade full-stack web apps and websites with Vue 3. [Moved to: https://github.com/nuxt/nuxt]
rich-markdown-editor - The open source React and Prosemirror based markdown editor that powers Outline. Want to try it out? Create an account:
Flutter - Flutter makes it easy and fast to build beautiful apps for mobile and beyond
ProseMirror - The ProseMirror WYSIWYM editor
react-native - A framework for building native applications using React
tauri - Build smaller, faster, and more secure desktop applications with a web frontend.
Ionic Framework - A powerful cross-platform UI toolkit for building native-quality iOS, Android, and Progressive Web Apps with HTML, CSS, and JavaScript.