webstorm配置快捷代碼塊


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下,那么選中模板名 => 點擊加號 => 點擊第一個就可以了

 效果演示


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM