Overview:

This is a frontend development environment based on vue.js for the development of single-page applications after front-end and back-end separation. It allows developers to use the latest language features such as ES Next and scss during development. The project includes the following components:

• Core libraries: vue.js, vue-router, vuex, whatwg-fetch
• Compilation/Packaging tools: webpack, babel, node-sass
• Unit testing tools: karma, mocha, sinon-chai
• Local server: express

Features:

• ES Next and scss Support: Developers can use the latest language features such as ES Next and scss during development.
• Front-End and Back-End Separation: The project follows a single-page application approach for front-end and back-end separation.
• Mocking of APIs: The development server includes interface mocking functionality, allowing front-end developers to start coding without waiting for the backend APIs to be ready.
• Modular Development: Supports modular development using ES2015 module syntax, which compiles each file into an amd module.
• Component-based Architecture: The entire application is built using Vue.js components, controlled by vue-router to render the appropriate components based on the URL.
• Unit Testing: Provides the ability to write unit tests for each component, with the test cases stored in the “test/unit/specs” directory.
• Proxying for Backend Integration: Supports proxying of asynchronous requests from the frontend to the backend machine for debugging and integration purposes.

Installation:

• Install Node.js and cnpm (a faster package manager for Node.js) if not already installed. Download and install Node.js from the official website: Node.js download
• Install cnpm command:

npm install cnpm -g --registry=https://registry.npm.taobao.org

Summary:

This frontend development environment based on vue.js provides support for the latest language features and follows a modular and component-based approach. It includes features such as interface mocking, unit testing, and proxying for backend integration. Developers can use the provided installation guide to set up the environment and start developing single-page applications.