Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/zakandaiev/vue-frontend-starter
Vue Frontend Starter is a boilerplate kit for easy building modern web applications with Vue.js
https://github.com/zakandaiev/vue-frontend-starter
autoprefixer boilerplate frontend html i18n javascript js kit pinia sass starter vite vue vue-router vue3
Last synced: 11 days ago
JSON representation
Vue Frontend Starter is a boilerplate kit for easy building modern web applications with Vue.js
- Host: GitHub
- URL: https://github.com/zakandaiev/vue-frontend-starter
- Owner: zakandaiev
- License: mit
- Created: 2025-01-12T18:09:28.000Z (18 days ago)
- Default Branch: main
- Last Pushed: 2025-01-13T19:21:37.000Z (17 days ago)
- Last Synced: 2025-01-13T20:26:52.787Z (17 days ago)
- Topics: autoprefixer, boilerplate, frontend, html, i18n, javascript, js, kit, pinia, sass, starter, vite, vue, vue-router, vue3
- Language: JavaScript
- Homepage: https://zakandaiev.github.io/vue-frontend-starter/
- Size: 2.09 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# vue-frontend-starter
Vue FrontEnd Starter is a boilerplate kit for easy building modern web applications with Vue.js
## Homepage
[https://zakandaiev.github.io/vue-frontend-starter](https://zakandaiev.github.io/vue-frontend-starter)
## Features
* Modern Vite environment for development
* Vue.js ecosystem
* Well thought-out and convenient project structure
* HTML5 and CSS3 ready
* SEO friendly
* SASS/SCSS preprocessor
* Autoprefixer
* Live-server with hot-reload
* HTML, CSS, JS, images auto minifier
* Ready-to-use Javascript utils, HTML styled components, CSS helpers, SASS utils etc.
* reseter.css
* .htaccess, robots.txt, sitemap.xml, favicon
* 404 page
* And many more...
## How to use
### Install
``` bash
# Clone the repository
git clone https://github.com/zakandaiev/vue-frontend-starter.git
# Go to the folder
cd vue-frontend-starter
# Install
npm i
# or
npm install
# Remove link to the original repository
# - if you use Windows system
Remove-Item .git -Recurse -Force
# - or if you use Unix system
rm -rf .git
```
### Develop
``` bash
# Start development mode with live-server
npm run dev
# or with options
npm run dev --port=3000
```
### Build
``` bash
# Build static files for production
npm run build
# or
npm run prod
# or with options
npm run build --base=/subdomain --outDir=./dest
# Start server for build preview
npm run preview
# or with options
npm run dev --port=3001
```
### Lint
``` bash
# ESLint
npm run lint:js
# or
npm run lint:js:fix
# StyleLint
npm run lint:css
# or
npm run lint:css:fix
```
### Backend emulation
``` bash
# Fastify listen backend.js
npm run backend
```