Vue模板创建

8月10日 Vue的模板创建

1.使用IDEA工具安装Vue以及ElementUI的插件和使用

1.1安装插件

先打开IDEA工具，把光标移动到File上选择Settings(安装完这些件在IDEA中写相关的代码就会有提示效果)

1.2 用IDEA工具创建Vue

​ 在IDEA中不能直接创建Vue文件,即使用File创建了之后也是一个空文件,所以我们要创建一个模版

1.2.1 创建模板前的准备

​ 我们现点击File再点击New创建一个File文件,这个文件是没有类型的需要在给名称是指定后缀名,创建a.vue

在a.vue中写下面这段代码，用作模板的准备

<template>

</template>

<script>
module.exports = {

}
</script>

<style>

</style>

1.2.2 创建模板

​ 一样的我们先点击Settings(这个单词代表:设置)

然后点击Editor把他展开,再点击File and Code Templates

然后在点击+号，按照截图操作

模板的类型就填vue

模板的内容就填写a.vue中的代码

这样操作完成之后就可以直接创建vue的文件了