VScode插件推荐

经历

Sublime和webstorm 盗版序列号经过一番血洗后,频频失效,期间浪费了很多时间破解,虽然经过一番尝试后。虽然成功破解但心也无心在折腾了。转向VScode开发

有需要用户可以查看:懒人安装一键安装插件神器教程

VScode常用插件推荐

HTML Snippets 超级实用且初级的 H5代码片段以及提示

Color-Highlight在编辑器中高亮显示颜色。

Guides代码的标签对齐线。

HTML CSS supportcss 自动补齐

Npm Intellisense在import语句中自动完成npm模块引入的代码插件

Debugger for Chrome让 vscode 映射 chrome 的 debug功能,静态页面都可以用 vscode 来打断点调试

background设置背景

beautify在Visual Studio代码中美化JavaScript,JSON,CSS,Sass和HTML。

Auto Close Tag 自动闭合HTML标签

Auto Rename Tag 修改HTML标签时,自动修改匹配的标签

Bracket Pair Colorizer 让括号拥有独立的颜色,易于区分

Open-In-Browser 由于 VSCode 没有提供直接在浏览器中打开文件的内置界面,所以此插件可以打开命令面板选项。

Live Server 类似代码运行服务器上的功能

Indenticator缩进高亮

IntelliSense for CSS class namesCSS类名智能命名提示

JavaScript (ES6) code snippetsES6语法提示

Path Intellisense编辑器中输入路径时,自动补全

Git History 查看和搜索git日志以及图表和细节。查看文件的前一个副本。查看和搜索历史

CSS Peek 能在源代码中的字符串中找到对应的css,显示在那个css文件里,还有在第几行。

Easy WXLESS微信小程序WXSS文件专用,保存可自动生成并同步编译成同名css文件

px2rem px、rem单位互相转换

常用Vue插件推荐

vetur语法高亮、智能感知、Emmet

提示:vue文件代码格式化,需要在首选项-设置-用户设置添加这行代码

"vetur.format.defaultFormatter.html": "js-beautify-html", //vue中HTML部分格式化

Vue 2 Snippets 最新的 Vue 官方语法高亮文件添加了语法高亮

vscode-element-helper Element-UI库代码片段

主题推荐:浅色调

Brackets Light Pro
VScode插件推荐_第1张图片

Quiet Light

VScode插件推荐_第2张图片

个人博客 求星星

求打赏

你可能感兴趣的:(VScode插件推荐)