callmedadaxincallmedadaxin
26

Vue2.0 Template

screenshot of Vue2.0 Template
express
vue
scss

vue2.0模板，支持多页面

Github

Overview

The Vue 2.0 template is specifically designed for Vue 2.0 applications, offering robust support for multi-page generation and customizable build configurations tailored for different environments. With the ability to expose global variables through environment settings, this template allows developers to efficiently separate their development, testing, and production environments. The enhanced build setup, including the use of DLLPlugin for optimizing package sizes and improving compilation speed, makes this template a powerful tool for modern web development.

Optimizing both development and debugging processes, this template incorporates features such as the mobile debugging tool v-console and the ability to mock data seamlessly using Express. The straightforward configuration options empower developers to manage their projects effectively, making it a versatile choice in the Vue ecosystem.

Features

  • Multi-Page Generation: Simplifies the creation of applications with multiple pages, enhancing project organization and scalability.
  • Environment-Specific Variables: Easily configure different public variables for development, testing, and production through the .env.js file.
  • DLLPlugin Support: Utilizes DllPlugin and DllReferencePlugin to pre-compile resource modules, significantly reducing build times and avoiding repetitive bundling.
  • Mock Data Integration: Enables the use of mock data via Express, allowing for efficient concurrent front-end and back-end development.
  • Mobile Debugging with v-console: Includes v-console for debugging mobile applications, providing insights into logs, network requests, and system performance.
  • Built-in Configuration Options: Facilitates quick adjustments to build setup and development configurations through simple modifications in config/dev.js and config/index.js.
  • Automatic Resource Inclusion: Leverages add-asset-html-webpack-plugin to automatically include necessary resources in the build, streamlining the development process.
  • Flexible Dependency Management: Pre-configured for easy inclusion of Vue ecosystem libraries, making it adaptable to project needs.
express
Express

Express.js is a simple Node.js framework for single, multi-page, and hybrid web applications.

vue
Vue

Vue.js is a lightweight and flexible JavaScript framework that allows developers to easily build dynamic and reactive user interfaces. Its intuitive syntax, modular architecture, and focus on performance make it a popular choice for modern web development.

scss
SCSS

SCSS is a preprocessor scripting language that extends the capabilities of CSS by adding features such as variables, nesting, and mixins. It allows developers to write more efficient and maintainable CSS code, and helps to streamline the development process by reducing repetition and increasing reusability.

webpack
Webpack

Webpack is a popular open-source module bundler for JavaScript applications that bundles and optimizes the code and its dependencies for production-ready deployment. It can also be used to transform other types of assets such as CSS, images, and fonts.