VueBlog

Overview:

This is a full-stack blog project with a frontend built on Vue 2.0 and a backend using Express and MongoDB. The frontend utilizes flexbox and rem layout while the backend interface is built with element ui. It serves as an advanced project for frontend development, covering topics from flexbox layout to frontend framework usage, backend development, and database integration.

Features:

• Markdown Editing Support: Enable users to write in Markdown format.
• Code Highlighting: Highlight code snippets for better readability.
• Mobile Responsive: Supports mobile browsing seamlessly.

Installation:

1. Install Node.js v6 and MongoDB from their respective download sources.
2. Clone the remote repository:

   git clone https://github.com/elva2596/vueBlog.git
   

3. Install frontend dependencies:

   npm install
   

4. Install supervisor globally:

   npm install -g supervisor
   

5. Start MongoDB server from the bin directory of the database files.
6. Install backend dependencies:

   cd server
   npm install
   

7. Start the backend server:

   npm start
   

8. Start the frontend project:

   npm run dev
   

9. To build for production:

   npm run build
   

10. Set up proxyTable in the config/index.js file for cross-origin requests.

Summary:

This full-stack blog project is an advanced learning resource for developers, covering frontend layout, framework usage, backend development, and database integration. With features like Markdown editing support and code highlighting, it provides a comprehensive overview of the development process. The installation guide makes it easy to set up the project for testing and development purposes.