Prototyping Tool For Vue Devs 适用于Vue的原型工具
MIT License
To download the production version, please visit https://www.overvue.org
In your terminal:
Install dependencies npm install
Build a new .zip / .deb:
npm run build
(Note: the build may take some time, but should display 'build finished' once it is done and ready to be run)
Run electron app in dev mode: npm run dev
This section has been updated to reflect the latest advancements with the Windows Subsystem for Linux (WSL), especially focusing on the integration of Linux GUI applications directly within WSL without the need for third-party X server tools like X410 or VcXsrv.
With the launch of WSLg (Windows Subsystem for Linux GUI), the process of running Linux GUI applications on Windows has been greatly simplified. WSLg integrates directly with WSL 2, offering native support for Linux GUI applications without the necessity for additional display server configurations.
wsl --install
for new installations or wsl --update
followed by wsl --shutdown
to update and restart WSL.WSLg automatically configures the necessary environment, eliminating the need to manually set display variables for GUI applications. Linux GUI apps can now be launched directly from the Start menu or via the command line, without additional setup.
The previous guidance for setting up X410 or VcXsrv for Linux GUI applications in WSL is now deprecated. While these tools are no longer necessary for the majority of GUI applications in WSL, they remain available for those with specific requirements outside the scope of WSLg's capabilities.
For Docker containers that require GUI applications, ensure Docker Desktop for Windows is configured to use the WSL 2 backend. This integration with WSLg provides a seamless experience for running GUI-based containers.
Mac users running Linux containers or WSL in a virtualized environment should follow the XQuartz setup for X11 forwarding, applicable only to those operating outside direct WSL integration on Windows.
brew install --cask xquartz
and restart.xhost +localhost
.This guide is designed to help streamline your development environment by utilizing the latest WSL features while minimizing complexity. For more information and detailed troubleshooting, refer to the official WSL documentation.
OverVue kickstarts your project with a default root App component and a "HomeView" route. Here's a quick guide to navigating and utilizing OverVue to its fullest:
Creating Components:
Organizing Components:
class
, ID
, and v-model
.This streamlined approach helps you focus on building and visualizing your Vue.js application's component structure efficiently, with intuitive drag-and-drop functionality and easy access to advanced configuration options.
Get a live preview of your component's code in the Component Details > Code Preview Tab.
Handle routes and associated components using the Routes Tab.
Create, edit, and assign state and actions to your components.
public/
src/
assets/
components/
(YourNewComponent1.vue)
(YourNewComponent2.vue)
...
router/
index.js/ts
store/
index.js/ts
views/
HomeView.vue
(YourNewRoute1.vue)
(YourNewRoute2.vue)
...
App.vue
main.js/ts
tests/
units**
.eslintrc.cjs
env.d.ts*
babel.config.js/ts
jest.config.js/ts**
index.html
package.json
vite.config.js/ts
We'd love for you to test out the application and submit any issues you encounter. Also feel free to fork to your own repo and submit PRs.
OverVue 11.0 | GitHub | |
---|---|---|
Anthony Herrera | @anthonyHerr | |
Daniel Garan | @DanielGaran02 | |
Kevin Can | @Kelementz916 | |
Robery Sinizieri | @robsinz | |
Roderick de Leon | @RoderickXii |
OverVue 10.0 | GitHub | |
---|---|---|
David Lee | @GomDave | |
Trisha Duong | @trishanduong | |
Jaime de Venecia | @jdvplus | |
Janica Abagat | @janicaa1 |
OverVue 9.0 | GitHub |
---|---|
Ji Kim | @dwejikim |
Chris Davis | @chdavis0917 |
Linden Young | @lindenyoung |
Jigar Patel | @jigarxp |
OverVue 8.0 | GitHub |
---|---|
Emma Genesen | @EGenesen |
Alex Law | @alexlaw528 |
Honghao(Michael) Sun | @sunhonghaoparis |
Chris Wong | @Koregano73 |
OverVue 7.0 | GitHub |
---|---|
Katherine Kim | @katherinek123 |
Keyla Koizumi Nishimura | @keylakoizumin |
Jace Crowe | @JaceCrowe |
Johnny Chan | @jchan444 |
OverVue 6.0 | GitHub |
---|---|
Megan Nadkarni | @megatera |
Kerolos Nesem | @Kerolos-Nesem |
Julia Bakerink | @jbbake |
Bryan Bart | @MrBeeAreWhy |
Aram Paparian | @apaparian |
OverVue 5.0 | GitHub |
---|---|
Zoew McGrath | @Z-McGrath |
Shanon Lee | @shanonlee541 |
Ross Lamerson | @lamerson28 |
Gabriela Kokhabi | @gkokhabi |
OverVue 4.0 | GitHub |
---|---|
Sonny Nguyen | @sn163 |
Ryan Bender | @rdbender |
Kenny Lee | @kennyea |
Jeffrey Sul | @jeffreysul |
Alex Lu | @aleckslu |
OverVue 3.0 | GitHub |
---|---|
Faraz Moallemi | @farazmoallemi |
Terry Tilley | @codeByCandlelight |
Nicholas Schillaci | @schillaci767 |
Sean Grace | @ziggrace |
OverVue 2.0 | GitHub |
---|---|
Joju Olaode | @JojuOlaode |
Allison Pratt | @allisons11 |
Keriann Lin | @keliphan |
Alexander Havas | @LOLDragoon |
OverVue 1.0 | GitHub |
---|---|
Drew Nguyen | @drewngyen |
Dean Ohashi | @dnohashi |
Dean Chung | @deanfchung |
Joseph Eisele | @jeisele2 |
OverVue was inspired by PreVue