Webstorm設置開發模板

WebStorm設置開發模板

可能大家會有一些疑問，什麼是模板？爲什麼要設置模板的呢？模板就是一種通用的格式，如果在webstorm中設置了模板，那麼每次創建一個javaScript文件的時候都會自動包含模板中的內容。

我們想要Webstorm新建文件過程中在文件頭部加入創建時間，作者信息，項目名稱。

Webstorm提供的模板方案的具體設置方法： 選擇File --> setting --> Editor --> Color Style --> File and Code Templates – >選擇對應的文件類型設置模板的風格，我們可以看到如下的界面，首先選擇左邊的文件類型，然後編輯右邊的模板風格，根據喜好自己隨意設置。

如果大家對上述模板有興趣的話可以對下面代碼進行復制粘貼，設置到Webstorm即可：

/**
 * @Author: ${USER}
 * @Date: ${YEAR}-${MONTH}-${DAY}
 * @Project: ${PROJECT_NAME}
 */

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.

如果默認提供的模板變量的名稱並非自己想要的，比如說${USER}是通過登錄的用戶名獲取的，如果想在項目單獨設置一個名稱，可以在第一張圖片的Includes的標籤下新建一個模板文件(tmp.js).

#set( $USER= "FlyElephant" )

然後直接在需要的文本模板中導入引用，即可使用的新的變量值:

#parse("tmp.js")