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.