1.先寫好你要配置的模塊代碼如
import React, {Component} from 'react' export default class App extends Component { render() { return ( <div></div> ) } }
2.依次點擊
File => Settings
Editor => Live Templates
+ => 2.Templates Group...
3.輸入名稱后,點擊ok
這樣就可以看到新建的模板名稱
4.新建模板,選中模板名稱,然后點擊加號,點擊第一個
5. 自定義快捷標簽名,然后輸入描述語,輸入代碼塊,最后點擊Define
輸入代碼塊時,在代碼塊里面對於變量,比如類名是會變化的,所以用兩個$符號,符號中間隨便輸入一個東西,這樣在編譯器種輸入快捷標簽回車后光標會默認在類名的位置,然后自定義類名。
6.點擊Define后進入如下頁面,這里根據自己的需求,對在什么時候使用代碼塊進行相應的勾選
最后點擊ok就可以了
說明!!!
如果你需要在已有的模板下面新建代碼塊,比如在React下,那么選中模板名 => 點擊加號 => 點擊第一個就可以了
效果演示