🦅 Awesome example for rapid Vue.js development using vue-cli3 .
To facilitate developers to use Vue-cli3
more conveniently, and to build Web applications more efficiently and reasonably.
Node.js (>= 8.*), Npm version 4+(Yarn preferred), and Git.
Online Demo Page: https://vue-cli3.lovejade.cn
# 🎉 clone the project
git clone https://github.com/nicejade/awesome-vue-cli3-example.git your-project-name
cd your-project-name
# ➕ install dependencies & start dev
yarn && yarn start
This boilerplate built on Vue-Cli3 inheriting the previous vue-boilerplate-template project to explore the more efficient construction for high-quality web applications (recommended to read 开箱即用的 Vue Webpack 脚手架模版), Some optimization items are designed, the specific list as followed:
Markdown
to draw the page due to its parsing function.SEO
.Webepack 4.*
. Getting the details on vue.config.js
;Yarn analyz
. Getting the details: Webpack 打包优化之体积篇.Icon
(Svg) component so that you can receive input in different ways and extract Svg into a separate file to avoid repeated loading of resources;TIP: prerender-spa-plugin: Prerenders static HTML in a single-page application. But, it is not required. If you don't need it, you can remove it. Because it requires a lot of dependencies(puppeteer,Chromium: ~170MB Mac, ~282MB Linux, ~280MB Win) to download, this is time consuming.
Copyright (c) 2018-present, nicejade.