webstorm设置新建vue文件的模板
Webstorm 添加新建文件类型
以创建 Vue 文件为例:
File—Setting—Editor—File and Code Template 分支,点击添加,依次输入 Name 和 Extension,OK 即可。如图:
Webstorm 创建文件模板
Webstorm 新建文件过程中现在文件头部加入创建时间,作者信息,项目名称,需要用到修改默认的模板,即上一步,模板代码:
<!--
文件描述:
创建时间:${DATE} ${TIME}
创建人:${USER}
-->
<template>
<div class="">
</div>
</template>
<script>
// 这里可以导入其他文件(比如:组件,工具js,第三方插件js,json文件,图片文件等等)
// 例如:import 《组件名称》 from '《组件路径》';
// 例如:import uploadFile from '@/components/uploadFile/uploadFile'
export default {
name: '${COMPONENT_NAME}',
// import引入的组件需要注入到对象中才能使用
components: {},
props: {
// patientIn: {
// type: Object,
// default () {
// return {}
// }
// }
},
data () {
// 这里存放数据
return {
}
},
// 监听属性 类似于data概念
computed: {},
// 方法集合
methods: {},
// 监控data中的数据变化
watch: {},
// 生命周期 - 创建完成(可以访问当前this实例)
created () {
},
// 生命周期 - 挂载完成(可以访问DOM元素)
mounted () {
},
beforeCreate () {
}, // 生命周期 - 创建之前
beforeMount () {
}, // 生命周期 - 挂载之前
beforeUpdate () {
}, // 生命周期 - 更新之前
updated () {
}, // 生命周期 - 更新之后
beforeDestroy () {
}, // 生命周期 - 销毁之前
destroyed () {
}, // 生命周期 - 销毁完成
activated () {
} // 如果页面有keep-alive缓存功能,这个函数会触发
}
</script>
<style scoped lang="scss">
//@import url(); 引入公共css类
</style>
Webstorm 提供了常用的预定义模板变量,用户名,项目名称,时间,年,月,日等
-
${PROJECT_NAME}
- 当前项目的名称 -
${NAME}
- 在创建文件期间在新建文件对话框中指定的文件名称 -
${USER}
- 系统的当前用户登录名称 -
${DATE}
- 当前系统日期 -
${TIME}
- 当前系统时间 -
${YEAR}
- 当前年份 -
${MONTH}
- 当前月份 -
${DAY}
- 当前月的日期 -
${HOUR}
- 当前时刻 -
${MINUTE}
- 当前分钟 -
${PRODUCT_NAME}
- 将被创建文件所在的 IDE 名称 -
${MONTH_NAME_SHORT}
- 月份名称的前 3 个字母,例如: Jan, Feb, etc. -
${MONTH_NAME_FULL}
- 月份全称,例如: January, February, etc.
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 一个奇形怪状的面试题:Bean中的CHM要不要加volatile?
· [.NET]调用本地 Deepseek 模型
· 一个费力不讨好的项目,让我损失了近一半的绩效!
· .NET Core 托管堆内存泄露/CPU异常的常见思路
· PostgreSQL 和 SQL Server 在统计信息维护中的关键差异
· CSnakes vs Python.NET:高效嵌入与灵活互通的跨语言方案对比
· DeepSeek “源神”启动!「GitHub 热点速览」
· 我与微信审核的“相爱相杀”看个人小程序副业
· Plotly.NET 一个为 .NET 打造的强大开源交互式图表库
· 上周热点回顾(2.17-2.23)