也算用了不少编辑器,但感觉还是vscode比较好用,下面介绍一些常用插件,有次手贱把插件删了,废了好大劲 1,Chinese;=》中文包,反正我英语差的一批(必备)![在这里插入图片描述](https://img.php1.cn/3cdc5/963f/8fd/2328ef59a491cd19.png) 2,Auto Close Tag;=》自动添加HTML / XML关闭标签(必备) ![在这里插入图片描述](https://img.php1.cn/3cdc5/963f/8fd/54addaef442c28d6.gif) 3,Auto Rename Tag;=》自动重命名配对的HTML / XML标签 ![在这里插入图片描述](https://img.php1.cn/3cdc5/963f/8fd/4ff00ce925ed4dde.gif) 4,Beautify =》格式化Javascript,JSON,CSS,Sass,和HTML![在这里插入图片描述](https://img.php1.cn/3cdc5/963f/8fd/12913d50fa194def.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDc5NzE4Mg==,size_16,color_FFFFFF,t_70) 5,Bracket Pair Colorizer ;=》添加不同颜色的括号,便于分辨属于哪个作用域 ![在这里插入图片描述](https://img.php1.cn/3cdc5/963f/8fd/6cd18b731d8a7bc9.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDc5NzE4Mg==,size_16,color_FFFFFF,t_70) 6,ES7 React/Redux/GraphQL/React-Native snippets=》 React开发必备,代码补全,规范代码样式![在这里插入图片描述](https://img.php1.cn/3cdc5/963f/8fd/2b0cd144e1174f10.png) 7,HTML Snippets;=》各种 HTML 标签片段![在这里插入图片描述](https://img.php1.cn/3cdc5/963f/8fd/075d426fc975e804.png) 8,htmltagwrap ;=》在选中代码两侧添加标签比較好用的插件,不过我修改了快捷键,不习惯这个自带 的快捷键 ![在这里插入图片描述](https://img.php1.cn/3cdc5/963f/8fd/3cbb340de94c1b57.gif) 9,Javascript (ES6) code snippets =》es6代码片段![在这里插入图片描述](https://img.php1.cn/3cdc5/963f/8fd/bbd8aed69f736c65.png) 10,open in browser;=》在浏览器中打开,vscode没有自带浏览器打开功能(必备)![在这里插入图片描述](https://img.php1.cn/3cdc5/963f/8fd/8ac6cd599a9c3f4c.png) 11,Path Intellisense;=》路径补全工具![在这里插入图片描述](https://img.php1.cn/3cdc5/963f/8fd/8736f25fd7389c55.png) 12,PHP Intelephense;=》PHP智能感知![在这里插入图片描述](https://img.php1.cn/3cdc5/963f/8fd/d7f08a7a23f3a34f.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDc5NzE4Mg==,size_16,color_FFFFFF,t_70) 13,Vetur;语法高亮、智能感知![在这里插入图片描述](https://img.php1.cn/3cdc5/963f/8fd/009f41536b4c8e6a.png) 14,vscode-icons;=》图标工具 ![在这里插入图片描述](https://img.php1.cn/3cdc5/963f/8fd/839e4b43f24615d7.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDc5NzE4Mg==,size_16,color_FFFFFF,t_70) 15,VS Color Picker;=》取色器工具;推荐,有吸管功能(推荐)vscode和webstrom不同,自带的颜色没有取色功能,这个可以选取其他页面的颜色 ![在这里插入图片描述](https://img.php1.cn/3cdc5/963f/8fd/d8dbff57eb13d775.png) 原文链接:https://www.cnblogs.com/coderwcb/p/16090528.html
|