H

本文将从零开始搭建一个 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 每次提交代码校验提交消息规范

本教程使用 WSL2 + KVM 运行 MacOS 虚拟机，MacOS 运行在 Linux 虚拟机中的 KVM 虚拟机，即嵌套虚拟化，但由于 Windows 对 WSL2 优化很好，个人感觉此方案比其他方案更好。

步骤较多，操作较繁琐，但成果很值得。

命令参考：https://docs.docker.com/engine/reference/run/

常用命令

• docker ps 列出正在运行的容器
  • -a 列出所有容器，包括未运行的
  • -q 只列出容器 id
    阅读全文 »

之前就听说 Blazor，以为就是和 RazorPage 差不多就没怎么看。今天仔细查了一下，才发现自己错过了如此强大的框架，赶紧学习一下！

特点

• Blazor 很像 Vue 或 React，可以构建丰富的交互式 Web 应用
• Blazor 中的逻辑代码，完全是用 .net 代码写的，因此前端终于可以换个套路，不再用到 JS 了
• 页面语法仍然是 Razor ，但是多了一些特有的元素
• Blazor 真正实现了双向绑定，而不是像 RazorPage 那样的弱绑定。因此现在可以真正的用 MVVM 思想来写前端了

默认情况 Linux 不允许 root 账号 ssh 登录，但有些远程命令如 scp 却需要 sudo 权限，因此需要使用 root 账号 ssh 登录

开启 root 账号 ssh 登录

编辑 /etc/ssh/sshd_config 文件

1

vim /etc/ssh/sshd_config

环境变量

环境变量取值顺序：

1. appsettings.json
2. appsettings.{Environment}.json
3. User secrets
4. Environment variables
5. Command-line arguments

本文主要针对 Vue2，有些内容适合 Vue3，但有些不适合。Vue3 对 TS 的支持已经很友好了，而且也有相应的文档。但在 Vue2 中，使用 ts 需要一定写法才能更优雅。

某些网盘商的突然倒闭，让人不再信任网盘。

于是很多人选择自建 NAT, 自建 NAT 有两种：

1. 自己搭建 NAT 设备，但 NAT 的设备价格不菲，甚至达到 10 年以上网盘商的会员费用，而且涉及到内网穿透等，可能又要买其他服务，所以说这只适合爱折腾的人使用，但并不实用。
   阅读全文 »