前言

TypeScript 具有类型系统，且是 JavaScript 的超集，TypeScript 在 2018年 势头迅猛，可谓遍地开花。

Vue3.0 将使用 TS 重写，重写后的 Vue3.0 将更好的支持 TS。2019 年 TypeScript 将会更加普及，能够熟练掌握 TS，并使用 TS 开发过项目，将更加成为前端开发者的优势。

此项目是基于 Vue 全家桶 + TypeScript + Element-UI 的技术栈。

效果

效果图：

• pc 端

• 移动端

完整效果请看：http://47.101.144.18

功能

已经完成功能

• 登录
• 注册
• 文章列表
• 文章归档
• 标签
• 关于
• 点赞与评论
• 留言
• 历程
• 文章详情（支持代码语法高亮）
• 文章详情目录
• 移动端适配
• github 授权登录

待优化或者实现

• 使用 vuex-class
• 更多 TypeScript 的优化技巧
• 服务器渲染 SSR

前端主要技术

所有技术都是当前最新的。

• vue： ^2.6.6
• typescript : ^3.2.1
• element-ui： 2.6.3
• vue-router : ^3.0.1
• webpack： 4.28.4
• vuex: ^3.0.1
• axios：0.18.0
• redux: 4.0.0
• highlight.js： 9.15.6
• marked：0.6.1

Build Setup

 # clone
git clone https://github.com/biaochenxuying/blog-vue-typescript.git

# cd
cd  blog-vue-typescript

# install dependencies
npm install

# Compiles and hot-reloads for development
npm run serve

# Compiles and minifies for production
npm run build

### Run your tests
npm run test

### Lints and fixes files
npm run lint

### Run your unit tests
npm run test:unit

本博客系统的系列文章：

• 1. react + node + express + ant + mongodb 的简洁兼时尚的博客网站
• 2. react + Ant Design + 支持 markdown 的 blog-react 项目文档说明
• 3. 基于 node + express + mongodb 的 blog-node 项目文档说明
• 4. 服务器小白的我,是如何将node+mongodb项目部署在服务器上并进行性能优化的
• 5. github 授权登录教程与如何设计第三方授权登录的用户表
• 6. 一次网站的性能优化之路 -- 天下武功，唯快不破
• 7. Vue + TypeScript + Element 搭建简洁时尚的博客网站及踩坑记

感谢作者的开源！！！