文章目录 1、初始化项目 1.1 创建项目 1.2 安装vue路由 1.3 安装UI库 2、首页搭建 2.0 页面布局 2.1 页头 2.2 侧边栏 2.3 内容显示区域 3、字符串加密解密功能实现 3.1 页面构建 3.2 实现加密/解密 4、Json工具 4.1 Json格式化 4.1.1 搭建页面 4.1.2 实现Json格式化 4.2 Json转XML 4.1.1 搭建页面 4.1.2 实现Json转XML 4.3 Json转Excel 5、生活工具 5.1 人民币数字大写转换 6、二维码工具 6.1 生成二维码 6.2 下载二维码到本地 7、单位换算 7.1 面积换算 8、完整代码下载 1、初始化项目 1.1 创建项目 1️⃣使用如下命令创建vue项目: npm create vite@latest 2️⃣安装依赖: cd vue3-online-tools npm install 3️⃣初运行项目: npm run dev 4️⃣浏览器访问