close

React.jpg

近期在K react 思考模式,開始使用VSCode進行練習。

react_book.JPG

 

為了統一coding style與美化程式碼,開啟VSCode後,可以在"延伸模組(Ctrl+Shift+X)"輸入prettier,分別安裝 Prettier Code formatter Prettier ESLint

1.JPG

 

安裝好之後,開啟"檔案",選擇"喜好設定",再選"設定"

2.JPG

 

找到"文字編輯器"的"格式化",勾選"Format On Save"

3.JPG

 

然後按"檢視",再選"命令選擇區",開啟命令視窗

4.JPG

 

打開命令視窗後,選擇"文件格式化方式"

5.JPG

 

點選"設定預設格式器"

6.JPG

 

然後選"Prettier Code formatter"

7.JPG

 

這樣就完成了,接下來展示一下,我隨機寫了幾行沒有分號的code,如下:

8.JPG

 

按下save後,就會主動加上分號了。

9.JPG

React.jpg

arrow
arrow
    全站熱搜
    創作者介紹
    創作者 葛瑞斯肯 的頭像
    葛瑞斯肯

    葛瑞斯肯樂活筆記

    葛瑞斯肯 發表在 痞客邦 留言(0) 人氣()