|Project Name||Stars||Downloads||Repos Using This||Packages Using This||Most Recent Commit||Total Releases||Latest Release||Open Issues||License||Language|
|Iconpark||6,931||38||7 months ago||35||July 04, 2022||493||apache-2.0||TypeScript|
|🍎Transform an SVG icon into multiple themes, and generate React icons，Vue icons，svg icons|
|Vuepress Theme Vdoing||3,682||16||11 days ago||80||August 04, 2023||54||mit||Vue|
|Pomotroid||3,650||2 days ago||131||mit||Vue|
|:tomato: Simple and visually-pleasing Pomodoro timer|
|Simpleui||3,040||13||3||a month ago||112||December 18, 2022||14||mit||Python|
|A modern theme based on vue+element-ui for django admin.一款基于vue+element-ui的django admin现代化主题。全球20000+网站都在使用！喜欢可以点个star✨|
|Vuepress Next||1,891||3,126||4,318||12 days ago||224||August 28, 2023||38||mit||TypeScript|
|Repo for VuePress 2|
|Vuepress Theme Reco 1.x||1,625||14||29||5 months ago||265||July 27, 2023||3||mit||Vue|
|🎨 This is the repo for vuepress-theme-reco 1.|
|Tailwind Config Viewer||1,608||30||6 months ago||22||September 08, 2022||27||Vue|
|A local UI tool for visualizing your Tailwind CSS configuration file.|
|A WordPress theme with the guts ripped out and replaced with Vue.|
|Hexo Theme Aurora||1,005||2||9 days ago||35||September 16, 2023||41||mit||Vue|
|🏳️🌈 Futuristic auroral Hexo theme.|
|Md Editor V3||789||9||16 hours ago||83||November 06, 2022||3||mit||TypeScript|
|Markdown editor for vue3, developed in jsx and typescript, dark theme、beautify content by prettier、render articles directly、paste or clip the picture and upload it...|
A true WordPress theme with the guts ripped out and replaced with Vue. Looking to create a Vue-powered WordPress plugin? I've got a starter for that too!
Who's this for? When I started diving into using Vue in WordPress I found plenty of great starters for headless WordPress, but I had the added constraint of needing to run the front and backend on the same host, thus this project was created.
Need help? Join the VueWordPress Slack.
npm run watchfor development
npm run buildwhen you're ready to deploy the theme.
(Settings -> Permalinks)to be "Day and name". If you don't want to use this setting you'll need to update the Vue router so it can find your content correctly. Please note that if you want to use a different permalink structure you'll need to update
./src/router/index.jsso it looks for the correct path.
Since by default Tailwind completely resets all styles/spacing, there are a few initial styles I've provided in
src/assets/css/_tailwind.css to make things appear more like you'd expect. Modify to your liking!
All of the code you're going to edit is located in
/src/. From there it's broken into a few logical directories.
/apifor API requests
/assetsfor images mostly
/storevuex store and modules
/vendor3rd party scripts and libraries
All scripts and styles in
/src are compiled down to the
/dist directory, which is what you will deploy. When you're ready to deploy don't deploy the src/ directory.
Not sure where to begin? The Vuejs documentation is actually amazing, but if you're looking for video training I highly recommend the free Learn Vue 2: Step By Step course over at Laracasts. There's also a great playlist by Academind available on YouTube that covers pretty much everything you'd want to know about building a fully-featured Vue app.
I've created a couple of example components in
src/components/widgets to give you an idea of how to work with the Vuex store data.
If you're new to Vue/Vuex I would do the following:
src/app.jsthis is the main JS file for the app and will give you a glimpse into what's going on behind the scenes.
src/App.vuethis is the primary app component, a page wrapper of sorts. It contains the header/footer and the
<router-view>component which is what loads in all of the other screens as you navigate around the app. Note that by default
src/components/Home.vueis loaded into the
src/routes/index.jsand notice how the routes are setup by default. Out of the box there is only one route, the
/or home view. For more information on setting up routing within your app checkout Vue-Router.
src/storeand start to familiarize yourself with what's going on. It's based on the official Vuex example project setup and uses Vuex modules. By default I've included a couple of modules I thought you might need.
The first thing you're probably going to want to do is start editing and components in
2017-10-11 Initial commit