非零基础自学前端最后一遍二 JavaScript基础 2 JavaScript的基本语法 2.6 新增VScode的插件和配置

我会带着你远行 2024-03-25 09:51 69阅读 0赞

#### 非零基础自学前端最后一遍 ####

#### 文章目录 ####

*   *   *  非零基础自学前端最后一遍
         *  二 JavaScript基础
         *  2 JavaScript的基本语法
         *   *  2.6 新增VScode的插件和配置

![在这里插入图片描述][919cae4803f84d3aa4a5df5b6d288000.png_pic_center]

#### 二 JavaScript基础 ####

#### 2 JavaScript的基本语法 ####

##### 2.6 新增VScode的插件和配置 #####

*  推荐一个VSCode的插件：（老师个人经常使用的）
    
     *  ES7+ React/Redux/React-Native snippets
     *  这个插件是在react开发中会使用到的，但是老师经常用到它里面的打印语句；
    
    ![在这里插入图片描述][dd412982a6e9410dad4e8d2c81a8cadc.png_pic_center]
    
    ![在这里插入图片描述][b3647344059b4bd9939a4a2db07d3cf5.png_pic_center]
 *  另外再推荐一个插件：
    
     *  Bracket Pair Colorizer 2，但是该插件已经不再推荐使用了；
     *  因为VSCode已经内置了该功能，我们可以直接通过VSCode的配置来达到插件的效果；
     *  如何配置呢？
    
        "editor.bracketPairColorization.enabled": true,
        "editor.guides.bracketPairs":"active"
    
    ![在这里插入图片描述][faf6d9b4d51d40f6aac57fe58819716a.png_pic_center]
    
    ![在这里插入图片描述][4dc6d0a4a5c44dc9bbee8dcaf9e38e00.png_pic_center]
    
    好看好看

[919cae4803f84d3aa4a5df5b6d288000.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/25/337bdfcb40a74f20933e95b2347607f2.png
[dd412982a6e9410dad4e8d2c81a8cadc.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/25/58e1bdc74304496a99a38e8fce99b7cc.png
[b3647344059b4bd9939a4a2db07d3cf5.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/25/fa42fdc55a1244b48bfc255f99999afd.png
[faf6d9b4d51d40f6aac57fe58819716a.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/25/9ca70867f0a74bfcba69e4c3976ccac1.png
[4dc6d0a4a5c44dc9bbee8dcaf9e38e00.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/25/f6ed7448f8de437085e4de582a3f154b.png