Vue2.0 Taopiaopiao

Overview:

This project involves building a Taopiaopiao page using Vue 2.0, Express, and React. The purpose of this project is twofold: to learn about Vue 2.0 and to provide a learning demo for those interested in Vue 2.0. The project includes a server service to simulate a server environment and provide data to the frontend. It has two environments: a frontend development environment hosted on port 8080 and a server service environment on port 9090. The main technologies used are Vue 2.0, Vue Router, Vuex, Mint UI, Node.js, and Express.

Features:

• Two environments: frontend development environment on port 8080 and server service environment on port 9090
• Server service to provide data to the frontend for a complete project
• Main technologies: Vue 2.0, Vue Router, Vuex, Mint UI, Node.js, Express

Installation:

1. Open a terminal (Terminal A) and navigate to the vue2.0-taopiaopiao directory.
2. Install dependencies.

   npm install
   

3. Open another terminal (Terminal B) and navigate to the server directory.
4. Install dependencies.

   npm install
   

5. Start the server service by executing the following command in the server directory:

   npm start
   

6. Start the frontend development server by executing the following command in the vue2.0-taopiaopiao directory:

   npm run dev
   

7. To deploy frontend resources to the server, execute the following command in the vue2.0-taopiaopiao directory:

   npm run deploy
   

8. After development is complete, access the deployed frontend by visiting:

   http://localhost:9090/app
   

Summary:

The project aims to provide a learning demo for Vue 2.0 enthusiasts by building a Taopiaopiao page using Vue 2.0 and Express. It features two environments, a server service for data, and utilizes technologies like Vue Router, Vuex, Mint UI, Node.js, and Express. Following the installation guide, users can set up the frontend development environment and deploy resources to the server efficiently.