Any web application can be created with the help of the Vue framework. So I suggest you freshen up your knowledge of some selected Vue open-source projects.
A fullstack application built with Vue on the frontend and Node/Express on the backend.Vue Forum App — Frontend
A fullstack application built with Vue on the frontend and Node/Express on the backend.
This repo demonstrates almost everything you need to know to build a complete fullstack application using Vue and Node/Express. This demo covers things like:
.envin the root directory, and add:
I'm here assuming that the backend will run on
localhost:5000. If you set
mock, you'll use data from the mock store, which means you won't need the backend running.
npm run serve
To build it and run it in production mode:
npm run build
npm run start
In this article, I will collect 10 Vue icon component to bring more interactivity, better UI design to your Vue application.
Icons are the vital element of the user interface of the product enabling successful and effective interaction with it. In this article, I will collect 10 Vue icon component to bring more interactivity, better UI design to your Vue application.1. Animated SweetAlert Icons for Vue
A clean and simple Vue wrapper for SweetAlert's fantastic status icons. This wrapper is intended for users who are interested in just the icons. For the standard SweetAlert modal with all of its bells and whistles, you should probably use Vue-SweetAlert 2vue-svg-transition
Create 2-state, SVG-powered animated icons.Vue-Awesome
Awesome SVG icon component for Vue.js, with built-in Font Awesome icons.vue-transitioning-result-icon
Transitioning Result Icon for Vue.js
A scalable result icon (SVG) that transitions the state change, that is the SVG shape change is transitioned as well as the color. Demonstration can be found here.
A transitioning (color and SVG) result icon (error or success) for Vue.vue-zondicons
Easily add Zondicon icons to your vue web project.vicon
Vicon is an simple iconfont componenet for vue.
iconfont is a Vector Icon Management & Communication Platform made by Alimama MUX.
A tool to create svg icon components. (vue 2.x)vue-material-design-icons
This library is a collection of Vue single-file components to render Material Design Icons, sourced from the MaterialDesign project. It also includes some CSS that helps make the scaling of the icons a little easier.vue-ionicons
Vue Icon Set Components from Ionic Team
Design Icons, sourced from the Ionicons project.vue-ico
Dead easy, Google Material Icons for Vue.
This package's aim is to get icons into your Vue.js project as quick as possible, at the cost of all the bells and whistles.
I hope you like them!
Vue highlight is often used to highlight text and syntax. Here are the 7 Vue highlight components I've collected.
Vue highlight is often used to highlight text and syntax. Here are the 7 Vue highlight components I've collected.1. vue-snippets
Vue3 Snippets, This extension adds Vue3 Code Snippets into Visual Studio Code.
Vim syntax and indent plugin for vue files
Vue directive for highlight multiple istances of a word.
Beautiful code syntax highlighting as Vue.js component.
A dead simple code editor with syntax highlighting and line numbers. 7kb/gz
A simple port from react-highlight-words
Vue component to highlight words within a larger body of text.
Vue component for highlight multiple istances of a word.
Thank for read!