VUE之mddir生成文件结构

目录

想必很多人都看过这样的文件结构

|-- undefined
    |-- index.html
    |-- package.json
    |-- yarn.lock
    |-- build
    |-- config
    |-- src
    |   |-- App.vue
    |   |-- main.js
    |   |-- settings.js
    |   |-- assets
    |   |   |-- icons
    |   |   |-- styles
    |   |-- components
    |   |   |-- SvgIcon
    |   |       |-- index.vue
    |   |-- router
    |   |   |-- index.js
    |   |-- utils
    |   |-- views
    |       |-- login.vue
    |-- static

生成这样的结构,我们可以借助 mddir插件

  1. 安装mddir
    yarn add mddir -D
    npm install mddir --saver-dev
    
  2. 生成目录结构
    在这里插入图片描述
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
你想问的可能是如何使用 Vue 生成 Excel 或 CSV 文件,下面给出一些思路: 1. 使用第三方库:可以使用一些第三方库来帮助生成 Excel 或 CSV 文件,比如 SheetJS、xlsx、csv 等。这些库提供了丰富的 API,可以直接在 Vue 中使用。 2. 自己编写代码:如果不想使用第三方库,你可以自己编写代码来生成 Excel 或 CSV 文件。这需要你对 Excel 或 CSV 文件格式有一定的了解,以及了解如何使用 JavaScript 来生成这些文件。 下面是一个使用 SheetJS 库来生成 Excel 文件的例子: ```javascript // 安装 SheetJS 库: npm install xlsx --save import XLSX from 'xlsx'; export default { methods: { downloadExcel() { // 构造数据 const data = [ ['姓名', '年龄', '性别'], ['小明', 18, '男'], ['小红', 20, '女'], ['小刚', 22, '男'] ]; // 创建工作簿对象 const workbook = XLSX.utils.book_new(); // 创建工作表对象 const worksheet = XLSX.utils.aoa_to_sheet(data); // 将工作表添加到工作簿中 XLSX.utils.book_append_sheet(workbook, worksheet, 'Sheet1'); // 生成 Excel 文件 XLSX.writeFile(workbook, 'data.xlsx'); } } } ``` 这个例子中,我们使用 SheetJS 库来生成一个包含简单数据的 Excel 文件。首先,我们创建一个数据数组,然后使用 `XLSX.utils.aoa_to_sheet` 方法将其转换为工作表对象,接着将工作表添加到工作簿中,最后使用 `XLSX.writeFile` 方法将工作簿写入文件。 类似地,你也可以使用其他第三方库或自己编写代码来生成 CSV 文件

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值