当前位置：主页 > 查看内容

H5好程序员vscode前端插件推荐

发布时间：2021-07-09 00:00| 有 位朋友查看

简介：vscode前端插件推荐 一、翻译 1.Chinese (Simplified) Language Pack for Visual Studio Code 2.翻译(英汉词典) 3.驼峰翻译助手 二、编辑器、代码美化 1.vscode-icons 2.Output Colorizer 3.Bracket Pair Colorizer 2 4.Prettier - Code formatter 5.Trailin……

在这里插入图片描述

vscode前端插件推荐

一、翻译

1.Chinese (Simplified) Language Pack for Visual Studio Code

在这里插入图片描述

2.翻译(英汉词典)

在这里插入图片描述
在这里插入图片描述

3.驼峰翻译助手

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

二、编辑器、代码美化

1.vscode-icons

在这里插入图片描述
在这里插入图片描述

2.Output Colorizer

在这里插入图片描述
在这里插入图片描述

3.Bracket Pair Colorizer 2

在这里插入图片描述
在这里插入图片描述

4.Prettier - Code formatter

在这里插入图片描述
在这里插入图片描述

// 每个制表符占用的空格数
	"prettier.tabWidth": 4,
	// 使用制表符（tab）缩进，换行显示箭头而非4个点
	"prettier.useTabs": true,

5.Trailing Spaces

在这里插入图片描述
在这里插入图片描述

三、前端必备插件，提高代码效率300%

1.Live Server

在这里插入图片描述
4种打开浏览器的方法
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

// afterDelay: 将在配置的 "#files.autoSaveDelay#"(默认1000ms) 后自动保存未保存的编辑器。
	"files.autoSave": "afterDelay",

在这里插入图片描述

2.Code Runner

在这里插入图片描述
在这里插入图片描述

3.CSS Peek

在这里插入图片描述
在这里插入图片描述

4.Image preview

在这里插入图片描述
在这里插入图片描述

四、vscode设置优化

1.自动识别打开文件的字符集编码

在这里插入图片描述

// 启用后，将在文件打开时尝试猜测字符集编码。可以按语言对此项进行配置。
	"files.autoGuessEncoding": true,

2.vscode自带的Monokai主题

在这里插入图片描述
在这里插入图片描述

// 指定用在工作台中的颜色主题。
	"workbench.colorTheme": "Monokai",

五、软件推荐

1.quicker

快捷的鼠标工具合集
在这里插入图片描述
在这里插入图片描述

；原文链接：https://blog.csdn.net/m0_51150747/article/details/115678534
本站部分内容转载于网络，版权归原作者所有，转载之目的在于传播更多优秀技术内容，如有侵权请联系QQ/微信：153890879删除，谢谢！
上一篇：在阿里（02）：阿里入职记 下一篇：直接学 Vue 3 吧 —— 对话 Vue.js 作者尤雨溪

推荐图文

  • 周排行
  • 月排行
  • 总排行

随机推荐