vue blog web

Project address:

Blog address

Project introduction

• Vue-Blog-WEB is the front desk of the blog
• Front and back -end separation project

Technology stack

• Vue family bucket
• Axios
• SASS
• Elementui
• ESLINT + PRETTTIER
• highlight.js

Preview

Realized function

• Log in
• github third party authorization
• Article list display
• Article details display
• Label
• Comment function
• Code highlight
• Article, comments like praise

To be realized

• Article paragraph generate anchor point
• Recommendation article
• Personal center perfection
• UI

Project activation

 git clone [email protected]:zhanghe888/vue-blog-web.git

cd vue-blog-web

npm install

npm run serve

Project structure

 vue-blog-web
├─ .gitignore          // git忽略文件
├─ src
│    ├─ assets         // 静态资源
│    ├─ components     // 公共组件
│    ├─ config         // 配置文件
│    ├─ lib            // 公共方法
│    ├─ router         // 路由表
│    ├─ service        // 请求层
│    └─ store          // 状态共享
│    └─ views          // 业务模块
└─ babel.config.js    // babel配置，Element按需加载

future

• Using Webpack4+Motion Configuration Engineering Environment
• TypeScript Reconstruction of this project
• Optimize the front desk UI display
• Increase the new feature of Vue3.0