通过java代码在指定目录生成一个指定内容的vue文件

2023-09-22 15:09:56

可能很多人觉得 用java写vue会更快
或者有什么固定格式
但其实 那需要构建一套非常完整的系统架构

如果什么都没构建 那么 用前端编辑器 肯定是比你用java写的快 而且写的好的

我们直接创建一个类
叫 Main
编写代码如下


import java.io.FileWriter;
import java.io.IOException;

public class Main {
    public static void main(String[] args) {
        String vueCode =
                "<template>\n" +
                        "  <div>\n" +
                        "    <h1>Welcome to My Vue App</h1>\n" +
                        "  </div>\n" +
                        "</template>\n" +
                        "\n" +
                        "<script>\n" +
                        "export default {\n" +
                        "  data() {\n" +
                        "    return {\n" +
                        "      message: 'Hello Vue!'\n" +
                        "    }\n" +
                        "  }\n" +
                        "}\n" +
                        "</script>\n" +
                        "\n" +
                        "<style scoped>\n" +
                        "h1 {\n" +
                        "  color: red;\n" +
                        "}\n" +
                        "</style>";

        String folderPath = "D:\\学习案例\\vue实验\\";
        String fileName = "MyVueApp.vue";
        String filePath = folderPath + fileName;

        try {
            FileWriter writer = new FileWriter(filePath);
            writer.write(vueCode);
            writer.close();
            System.out.println("Vue文件已创建成功!");
        } catch (IOException e) {
            e.printStackTrace();
        }
    }
}

这里 写了一个简单的vue文件字符串格式
然后 我们指定 他的路径为 D:\学习案例文件夹\vue实验
新的vue文件会生成在我们 D盘 下的 学习案例 下的 vue实验文件夹中
这里 名字我们给定 MyVueApp.vue

可以看到 我们这个目录下目前并没有文件
在这里插入图片描述

然后 我们运行项目
在这里插入图片描述
可以看到 文件已经创建出来了 我们用编辑器打开看看
在这里插入图片描述
可以看到 内容也是完全符合
在这里插入图片描述
这样 我们完全可以设计一套系统 用户可以手动去拖入页面元素 这样我们直接java将对应代码写进字符串
最后用户手动选择vue文件生成的目录和名字
可以说是非常好用的

更多推荐

python中的NaN在质量控制中怎么处理?

一、数据中的缺省值气象数据中经常存在缺省值,比如未入库的站点数据、比如海温格点实况数据中的陆地区域。这些缺省值往往被赋予NaN(NotaNumber,非数)。NaN是计算机科学中数值数据类型的一类值,表示未定义或不可表示的值。这些NaN值一般需要在计算时被去除掉,以免影响计算结果。那么,该怎么去除呢?二、NaN的定义和

27 WEB漏洞-XSS跨站之代码及httponly绕过

目录HttpOnly安全过滤测试HttpOnly安全过滤绕过思路演示案例:Xsslabs关卡代码过滤绕过测试HttpOnly安全过滤测试防止xss攻击,指的是攻击手法,并不是能防止XSS漏洞,httponly阻止的仅仅只是cookiehttponly在相关的脚本都是支持的,我们根据自己网站的脚本环境,有相当的开启方法h

【错误记录】Python 中使用 PySpark 数据计算报错 ( SparkException: Python worker failed to connect back. )

文章目录一、报错信息二、问题分析三、解决方案错误原因:没有为PySpark配置Python解释器,将下面的代码卸载Python数据分析代码的最前面即可;#为PySpark配置Python解释器importosos.environ['PYSPARK_PYTHON']="Y:/002_WorkSpace/PycharmPr

【跟小嘉学 Rust 编程】三十一、Rust的日志与追踪

系列文章目录【跟小嘉学Rust编程】一、Rust编程基础【跟小嘉学Rust编程】二、Rust包管理工具使用【跟小嘉学Rust编程】三、Rust的基本程序概念【跟小嘉学Rust编程】四、理解Rust的所有权概念【跟小嘉学Rust编程】五、使用结构体关联结构化数据【跟小嘉学Rust编程】六、枚举和模式匹配【跟小嘉学Rust

肖sir__mysql之存储__012

mysql之存储一、存储1、什么是存储过程定义:存储过程就是实现某个特定功能的sql语句的集合,编译后的存储过程会保存在数据库中,通过存储过程的名称可以反复的调用执行。2、存储过程的优点?(1)存储创建后,可以反复的调用,和使用,不需要重新写复杂的sal语句(2)创建、修改存储过程不会对数据有任何影响(3)存储过程可以

CFCA证书 申请 流程(二)

关于CFCA证书的介绍,可参考上一篇文章:CFCA证书申请流程(一)_身价五毛的博客-CSDN博客CFCA测试证书申请流程测试证书主要用于在测试环境对所需功能进行验证,例如HTTPS访问等。首先,向CFCA的支持邮箱(support@cfca.com.cn)发送邮件,描述申请证书的类型和参数,具体包括:此邮件是自动回复

轻量云服务器租用好在哪

从技术上讲,轻量级云服务器是特化了某一配置的高性价比云服务器的结合。下面,我们将了解轻量级云服务器有什么优势,使用物理服务器搭建网站,您需要租用整个服务器,这成本会变得非常昂贵。这对于一些比较简单的使用需求而言,例如搭建一个单页网站或者一个做个代理的话其实用整台服务器不仅性能溢出而且价格很贵对于初学者来说,使用轻量级云

灾备系统中虚拟机的有代理备份与无代理备份之间的差异

虚拟机的有代理备份是在虚拟机内部安装备份代理程序,然后把虚拟机当作物理机一样来进行备份任务。借助虚拟机系统中内置的程序来进行备份的,就像在正常系统中备份那样,借助备份和还原(Windows7)功能对系统进行备份。但是这种方法操作起来比较麻烦,而且也没有办法进行批量化操作,比如有大量的虚拟机,都需要备份它们的数据,那么就

前后台分离开发 YAPI平台 前端工程化之Vue-cli

目录YAPI介绍前端工程化之Vue-cli前端工程化简介前端工程化入门——Vue-cli环境准备Vue项目简介创建Vue项目vue项目目录结构介绍vue项目运行方法Vue项目开发流程前后台混合开发这种开发模式有如下缺点:沟通成本高:后台人员发现前端有问题,需要找前端人员修改,前端修改成功,再交给后台人员使用分工不明确:

nginx反向代理vue项目

文章目录前言一、创建站点1.添加站点2.添加ssl证书二、反向代理vue项目1.添加反向代理2.更改vue项目配置3.修改反向代理配置前言项目描述:前端vue项目、后端Java项目、首页WordPress项目客户要求:使用宝塔进行部署需求描述:客户只有一个SSL单域名DV证书要求首页部署wordpress项目作为官网,

大话数据结构 2 算法

算法:算法是解决特定问题求解步骤的描述,在计算机中表现为指令的有限序列,并且每条指令表示一个或多个操作算法的五个基本特性:输入、输出、有穷性、确定性、可行性1.输入输出:算法具有0个或多个输入,算法至少有1个或多个输出。2.有穷性:指算法在执行有限的步骤后,自动结束而不会出现无限循环,并且每一个步骤在可接受的时间内完成

热文推荐