前端 — 木小良

vue3多语言国际化i18n

## vue3多语言国际化i18n 安装 `npm install vue-i18n@next` 如果需要路由控制`npm install vue-router@4` 先在src目录下创建locales目录存放翻译文件可以使用子对象，用来区分不同vue组件或某个栏目的内容，例如我写了三条翻译，分别在App.vue,Index.vue,Ceshi.vue中使用。 crc/locales/en.json: ```json {

Tailwind

## Tailwind 文档：`https://tailwind.nodejs.cn/brand` ### 安装 `npm install -D tailwindcss` #安装 `npx tailwindcss init` #初始化 `npm install @headlessui/vue @heroicons/vue` #如果使用vue则可选安装 `npm install @tailwindcss/forms` #安装表单模块 `n

CSS基础

## CSS基础在<head>标签中使用`<link rel="stylesheet" href="style.css">`插入外联样式 ```css /* 标签选择器 */ h1 { color: red; } /* 类选择器 */ .myclass{ color: blue; } /* id选择器 !important指定最高优先级*/ #myid{ color: red !important; }

vue3基础

## vue3基础 ### 安装前提安装node.js勾选npm工具 `https://nodejs.org/en/download` 安装完重启 vscode 安装`vue-official`插件可选`Vue VSCode Snippets`插件可快速开始模板在vscode终端执行下面代码 `npm create vue@latest .` 直接在以当前目录创建vue项目 `npm create vue@latest`

markdown和prismjs代码高亮

## markdown和prismjs代码高亮 ## Vite构建安装markdown包 `npm install marked` 安装语法高亮包 `npm install prismjs -S` `npm install vite-plugin-prismjs -D` 编辑vite.config.js ```js import { prismjsPlugin } from 'vite-plugin-prismjs'; //语法高

pinia的各种示范

## pinia的各种示范 #### token： store\user.js： ```javascript import { defineStore } from 'pinia' export const useUserStore = defineStore('user',{ //变量名 state: () => ({ token: null, email: null }),

vue3 SPA+SSR组合

## vue3 SPA+SSR组合这是caddy反向代理配置： ```ini www.abc.cn { file_server root * /home/btcmai/jingtai/ #设置一个匹配gin的路由 @gin { path / /login /register /item/* /class/* /changepassword /search /api/* /muxiaoliang123/* /muxiao

重视你的敌人因为他们最先发现你的错误 -- 安提西尼