码迷,mamicode.com
首页 > 其他好文 > 详细

VSCODE常用设置

时间:2021-06-13 09:24:08      阅读:0      评论:0      收藏:0      [点我收藏+]

标签:org   str   属性   性能   推荐   美化   类型   play   code   

vscode语言设置:ctrl+shift+p   ->   config   display  language   ->  en(英文)/zh-cn(中文)

文件--首选项--设置,打开用户设置  ->  

(1)editor.fontsize用来设置字体大小,可以设置editor.fontsize : 14;

(2)files.autoSave这个属性是表示文件是否进行自动保存,推荐设置为onFocusChange——文件焦点变化时自动保存

(3)editor.tabCompletion用来在出现推荐值时,按下Tab键是否自动填入最佳推荐值,推荐设置为on;

(4)editor.codeActionsOnSave中的source.organizeImports属性,这个属性能够在保存时,自动调整 import 语句相关顺序,能够让你的 import 语句按照字母顺序进行排列,推荐设置为true,即"editor.codeActionsOnSave": { "source.organizeImports": true };

(5)editor.lineNumbers设置代码行号,即editor.lineNumbers :true;

插件:

Auto Close Tag   自动闭合HTML/XML标签

Auto Rename Tag  自动完成另一侧标签的同步修改

Bracket Pair Colorizer   给括号加上不同的颜色,便于区分不同的区块,使用者可以定义不同括号类型和不同颜色

Debugger for Chrome    映射vscode上的断点到chrome上,方便调试

.ESLint js语法纠错,可以自定义配置,不过配置较为复杂,建议使用网上一些广泛使用的eslint配置,日后我也会专门针对eslint配置写一篇文章。

  • 代码美化工具 Beautify   该插件支持js、josn、css、sass和html的代码美化,css快速预览与修改工具 CSS Peek,支持css的快速跳转

Vue 2 Snippets 主要加强vue的便捷写法

Document This  主要用于方法的注释,选中方法名,按两次Ctrl+Alt+D,即可快速生成标准的注释

JavaScript (ES6) code snippets   用于快速生成ES6代码片段

VSCODE常用设置

标签:org   str   属性   性能   推荐   美化   类型   play   code   

原文地址:https://www.cnblogs.com/coffee584/p/14876408.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!