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

H5好程序员vscode前端插件推荐_第1张图片

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.Trailing Spaces
  • 三、前端必备插件,提高代码效率300%
    • 1.Live Server
    • 2.Code Runner
    • 3.CSS Peek
    • 4.Image preview
  • 四、vscode设置优化
    • 1.自动识别打开文件的字符集编码
    • 2.vscode自带的Monokai主题
  • 五、软件推荐
    • 1.quicker

一、翻译

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

H5好程序员vscode前端插件推荐_第2张图片

2.翻译(英汉词典)

H5好程序员vscode前端插件推荐_第3张图片
H5好程序员vscode前端插件推荐_第4张图片

3.驼峰翻译助手

H5好程序员vscode前端插件推荐_第5张图片
H5好程序员vscode前端插件推荐_第6张图片
H5好程序员vscode前端插件推荐_第7张图片
H5好程序员vscode前端插件推荐_第8张图片

二、编辑器、代码美化

1.vscode-icons

H5好程序员vscode前端插件推荐_第9张图片
H5好程序员vscode前端插件推荐_第10张图片

2.Output Colorizer

H5好程序员vscode前端插件推荐_第11张图片
H5好程序员vscode前端插件推荐_第12张图片

3.Bracket Pair Colorizer 2

H5好程序员vscode前端插件推荐_第13张图片
H5好程序员vscode前端插件推荐_第14张图片

4.Prettier - Code formatter

H5好程序员vscode前端插件推荐_第15张图片
H5好程序员vscode前端插件推荐_第16张图片

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

5.Trailing Spaces

H5好程序员vscode前端插件推荐_第17张图片
H5好程序员vscode前端插件推荐_第18张图片

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

1.Live Server

H5好程序员vscode前端插件推荐_第19张图片
4种打开浏览器的方法
H5好程序员vscode前端插件推荐_第20张图片
H5好程序员vscode前端插件推荐_第21张图片

H5好程序员vscode前端插件推荐_第22张图片
H5好程序员vscode前端插件推荐_第23张图片

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

H5好程序员vscode前端插件推荐_第24张图片

2.Code Runner

H5好程序员vscode前端插件推荐_第25张图片
H5好程序员vscode前端插件推荐_第26张图片

3.CSS Peek

H5好程序员vscode前端插件推荐_第27张图片
H5好程序员vscode前端插件推荐_第28张图片

4.Image preview

H5好程序员vscode前端插件推荐_第29张图片
H5好程序员vscode前端插件推荐_第30张图片

四、vscode设置优化

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

H5好程序员vscode前端插件推荐_第31张图片

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

2.vscode自带的Monokai主题

H5好程序员vscode前端插件推荐_第32张图片
H5好程序员vscode前端插件推荐_第33张图片

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

五、软件推荐

1.quicker

快捷的鼠标工具合集
H5好程序员vscode前端插件推荐_第34张图片
H5好程序员vscode前端插件推荐_第35张图片

你可能感兴趣的:(web,javascript,css,html5,vscode)