shaobeichen / blog

📜 Vue3.2+Vite+TypeScript+Pinia+Setup写法,包括 命令式组件写法,Eslint Prettier规范,TypeScript入门写法

Home Page:https://shaobeichen.github.io/blog/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

BLOG

vue   GitHub Workflow Status   coverage   GitHub stars  

介绍

个人主页,Vue3.2 + Vite + TypeScript + Pinia + Setup 写法

特性

  • 有专门用来练习 Vue3.2 的 TodoList 案例
  • 可以快速入门 Vue3.2 + Vite2 + TypeScript
  • 有 Vue3 + Setup 组件写法
  • 有 Vue3.2 命令式组件写法,组件同时支持 Vue2.x Options API 调用
  • 有 jest + TypeScript 入门写法,写出第一个 Vue 组件测试用例,查看覆盖率
  • 支持 eslint、prettier、stylelint、commitlint、husky 等规范
  • 支持 GitHub Actions 自动部署项目

用法

1.安装 yarn

npm i -g yarn

2.安装依赖

yarn

3.运行项目

yarn dev

产出文章

做项目后产出了几篇文章,用于记录,帮助大家踩坑。

参考链接

Vue3

jest

About

📜 Vue3.2+Vite+TypeScript+Pinia+Setup写法,包括 命令式组件写法,Eslint Prettier规范,TypeScript入门写法

https://shaobeichen.github.io/blog/

License:Apache License 2.0


Languages

Language:Vue 40.2%Language:SCSS 29.2%Language:TypeScript 20.2%Language:JavaScript 9.0%Language:HTML 1.0%Language:Shell 0.4%