当前位置:   article > 正文

VSCode 插件_prettier sass 不要转换大小写

prettier sass 不要转换大小写

基础通用插件
Chinese
vscode编辑器汉化包,安装后,在 locale.json 中添加 “locale”: “zh-cn”,即可载入中文(简体)语言包。

Auto Rename Tag
自动重命名成对的HTML标记,修改开始标签,结束标签会同步修改

HTML Snippets
HTML代码片段,该插件可为你提供html标签的代码提示,不用键入尖括号了

Bracket Pair Colorizer
该插件可以为你把成对的括号做颜色区分,并且提供一根连接线。方便我们审阅代码结构。通过修改配置文件,使得结构线高亮,食用更佳

“workbench.colorCustomizations”: {
“editorIndentGuide.activeBackground”: “#00ffea”
},
复制代码
CSS Peek
css样式查看器,可快速查看我们的css样式,非常方便快捷

Npm Intellisense
可自动完成导入语句中的npm模块

open in browser
快速打开html文件到浏览器预览

vscode-icons
提供了非常漂亮的目录树图标主题

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

Path Intellisense
自动提示文件路径,支持各种快速引入文件

Image preview
鼠标悬浮在链接上可及时预览图片

Beautify
在代码文件右键鼠标一键格式化 html,js,css

JavaScript (ES6) code snippets
ES6语法智能提示,以及快速输入

Vetur
VScode官方钦定Vue插件,Vue开发者必备。内含语法高亮,智能提示,emmet,错误提示,格式化,自动补全,debugger等实用功能

代码风格规范类插件
ESlint
规范js代码书写规则,如果觉得太过严谨,可自定义规则

TSLint
ts的书写规范,这个插件是一个系列,同时还提供了TSLint (deprecated),TSLint Vue,TSLint Vue-TSX

Code Spell Checker
是拼写检查程序,检查不常见的单词,如果单词拼写错误,会给出警告提示

koroFileHeader
在vscode中用于生成文件头部注释和函数注释的插件,经过多版迭代后,插件:支持所有主流语言,功能强大,灵活方便,文档齐全,食用简单!

不光如此,还能生成一些特别有意思的注释,比如这一条喷火龙…

Better Align
代码书写的整洁,工整往往是衡量一个程序员素养的标准,这款插件可以让你的代码更排版优雅

选中代码配合组合键[Ctrl+Shift+p],输入Align即可、

change-case
通常我们对一个变量的命名可能是驼峰,可能是全大写,又或是下划线,这里可通过这个插件解决变量命名规范的问题

选中变量配合组合键[Ctrl+Shift+p],输入对应格式即可。

extension.changeCase.commands:列出所有“更改案例”命令,如果仅选择一个单词,则带有预览
extension.changeCase.camel:更改大小写’camel’:转换为字符串,并用下一个字母大写表示分隔符
extension.changeCase.constant:更改大小写“常量”:转换为大写字母,下划线分隔字符串
extension.changeCase.dot:更改大小写的“点”:转换为小写,句点分隔的字符串
extension.changeCase.kebab:更改大小写“ kebab”:转换为小写字母,用破折号分隔的字符串(参数名的别名)
extension.changeCase.lower:更改大小写为“小写”:转换为小写的字符串
extension.changeCase.lowerFirst:更改大小写“ lowerFirst”:转换为首字母小写的字符串
extension.changeCase.no:转换没有任何大小写的字符串(小写字母,空格分隔)
extension.changeCase.param:更改大小写为’param’:转换为小写字母,用破折号分隔的字符串
extension.changeCase.pascal:更改大小写“ pascal”:转换为以与camelCase相同的方式表示的字符串,但首字母也大写
extension.changeCase.path:更改大小写的“路径”:转换为小写,用斜杠分隔的字符串
extension.changeCase.sentence:更改大小写的“句子”:转换为小写的空格分隔的字符串
extension.changeCase.snake:更改大小写“ snake”:转换为小写字母,下划线分隔字符串
extension.changeCase.swap:更改大小写“交换”:转换为每个大小写相反的字符串
extension.changeCase.title:更改大小写“标题”:转换为以空格分隔的字符串,每个单词的第一个字符均大写
extension.changeCase.upper:更改大小写为大写:转换为大写字符串
extension.changeCase.upperFirst:更改大小写为“ upperFirst”:转换为首字母大写的字符串
复制代码
Better Comments
这款插件可以丰富注释颜色,让注释也具有生命力,如需自定义样式,需要写入配置代码

配置代码
“better-comments.tags”: [
{
“tag”: “*”,
“color”: “#98C379”,
“strikethrough”: false,
“backgroundColor”: “transparent”
}
]
使用
// * 绿色的高亮注释
复制代码
TODO Tree
我们经常会在代码中使用TODO来标记我们的代码,提高可读性,TODO Tree这款插件提供了可视化窗口来查看和管理我们的TODO Tree

GitLens
GitLens可以帮助您更好地理解代码。快速查看更改行或代码块的对象,功能强大,功能丰富且高度可定制,可以满足您的需求

GitHistory
GitHistory可查看和搜索git日志以及图形和详细信息,同时还支持分支比较,分支管理等操作,非常方便

其他插件(神器)
Partial Diff
文件比较是一个很常见的场景,如果光凭我们肉眼分别的话,累人不说还容易出错。Partial Diff的出现就正好解决了这个问题。

Markdown All in One
这款神器可以让我们在vscode里面快乐的书写Markdown,功能强大。提供了丰富的快捷键,可边写边看,轻松转化为html或pdf文件,十分好用,强烈推荐

vscode-drawio
这款神器可以让我们在vscode里面快乐的画流程图。新建 .drawio 后缀文件并拖入vscode中, 即可得到如下界面

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/AllinToyou/article/detail/543894
推荐阅读
相关标签