Vue3 + Vite + Pinia + TS 入门项目搭建
本文将从零开始搭建一个 Vue3
+ Vite
+ Pinia
+ TS
入门项目
源码:https://github.com/hal-wang/vue3-vite-ts-template
1 | git clone https://github.com/hal-wang/vue3-vite-ts-template.git |
- Vue3 + Vite
- Pinia: 新的状态管理工具,替代 Vuex
- Vue Router 4: 路由管理
- TS + setup: TS 语法糖写法
- Prettier: 格式化工具
- ESlint: 格式标准工具
- Windi CSS: 功能类优先的 CSS 框架,与 Tailwind CSS 用法相同,但速度更快
- iconify + svg: iconify 是功能丰富的图标框架,加上 svg 文件解析,让你选图标随心所欲
- huskey + lint-staged 每次提交代码校验格式规范
- huskey + commitlint 每次提交代码校验提交消息规范
在 Windows 上流畅使用 MacOS 虚拟机
本教程使用 WSL2 + KVM 运行 MacOS 虚拟机,MacOS 运行在 Linux 虚拟机中的 KVM 虚拟机,即嵌套虚拟化,但由于 Windows 对 WSL2 优化很好,个人感觉此方案比其他方案更好。
步骤较多,操作较繁琐,但成果很值得。
Docker 总结
Blazor 学习笔记
Linux 允许 root 账号 ssh 登录
在 Docker 中安装 mysql
1 | docker pull mysql:8 |
1 | docker run --name mysql8 -v mysql8:/var/lib/mysql -e MYSQL_ROOT_PASSWORD=<password> -d -p 3306:3306 mysql:8 --lower-case-table-names=1 --default-authentication-plugin=mysql_native_password |
asp.net core 学习笔记
优雅的使用 TS 开发 Vue
本文主要针对 Vue2,有些内容适合 Vue3,但有些不适合。Vue3 对 TS 的支持已经很友好了,而且也有相应的文档。但在 Vue2 中,使用 ts 需要一定写法才能更优雅。
用 rclone 将对象存储挂载为本地磁盘
某些网盘商的突然倒闭,让人不再信任网盘。
于是很多人选择自建 NAT, 自建 NAT 有两种:
- 自己搭建 NAT 设备,但 NAT 的设备价格不菲,甚至达到 10 年以上网盘商的会员费用,而且涉及到内网穿透等,可能又要买其他服务,所以说这只适合爱折腾的人使用,但并不实用。