vscode常用插件小结

工欲善其事,必先利其器。

个人用过的代码编辑器有sublime,webstrom,vscode,H5builder。综合比较下来还是更倾向于vscode。

sublime是一款轻量级的编辑器,优点是启动速度快,可扩展插件也还丰富,但感觉不太适合做大型项目。

webstorm是一款重量级的代码编辑器,优点是功能强大,缺点也很致命,需要收费,启动速度也较慢。

后来就慢慢放弃webstrom了,因为。。。当然是有了好用的vscode,哈哈。

不得不说vscode是一款强大的代码编辑器,强大之处在于丰富的扩展插件。

至于H5builder,用过几次,感觉功能也很强大,可以开发混合app。没有选择的原因可能是vscode先入为主,用习惯了。

最后说一句,编辑器没有好坏之分,全看个人习惯吧。就如同习武之人所用兵器,不能说哪种兵器最好,各有所长吧。

下面进入正题
1,auto close tag
输入标签名,自动闭合HTML标签

2,auto rename tag
更改 HTML/XML 标签名时,自动更新相对应的开始标签或结束标签的标签名

3,auto-open Markdown
预览Markdown文件
4,beautify
代码格式化的插件
5,Chinese language pack
汉化菜单插件
6,debugger for chorme
调试代码用的插件
7,easy less
编译less文件
8,element ui snippets
elementui标签快速输入
9,eslint
eslint规则校验
10,gitLens
可以显示每行代码编辑人员及时间信息
11,HTML css support
输入HTML标签id和class时,智能提示已有id和类名
12,HTML snippets
HTML标签快速输入自动补全
13,jquery code snippets
jquery代码快速输入提示
14,live server
可以本地启动服务器环境
15,Markdown preview enhanced
Markdown编辑插件
16,open in browser
用浏览器打开文件
17,sublime text keymap
sublime编辑器快捷键,习惯于sublime快捷键的可以用
18,vetur
vue代码格式化插件
19, vue 2 sinppets

vue语法提示

21,touchui
之前用touchui框架时,配套的一个插件

原文地址:https://www.cnblogs.com/thinkguo/p/11293784.html

时间: 2024-08-01 19:50:15

vscode常用插件小结的相关文章

VSCode常用插件之open in browser使用

更多VSCode插件使用请访问:VSCode常用插件汇总 open in browser安装完这个插件就可以在编辑器菜单右键html,在默认浏览器打开了,高级使用暂未了解,请自行其它文章学习 原文地址:https://www.cnblogs.com/jiaoshou/p/12004071.html

VSCode常用插件之Simple New File使用

更多VSCode插件使用请访问:VSCode常用插件汇总 Simple New File这是一个从命令面板简单创建新文件.文件夹.通过侧边栏创建新文件可能会很繁琐.该扩展旨在通过命令面板使创建文件或目录尽可能简单.具有自动补全功能,还可以与多个工作区一起使用! 按 command + alt + n 会出现提示框,您可以在其中输入文件的路径.如果该文件已经存在,则将打开该文件,否则将创建一个新文件及其所有父目录. 原文地址:https://www.cnblogs.com/jiaoshou/p/1

VSCode常用插件之vscode-fileheader使用

更多VSCode插件使用请访问:VSCode常用插件汇总 vscode-fileheader这是一个给js文件(html.css也可以使用,但是没意义!!!)生成头部注释的插件,每次修改js文件之后会自动修改的时间和作者. 最终效果图如下: 生成这个注释的快捷键是 ctrl+alt+i 用户在settings.json中配置用户名和最后修改用户名即可使用 保存一下,然后去ctrl+alt+i使用就可以使用了. 原文地址:https://www.cnblogs.com/jiaoshou/p/120

VSCode常用插件之Prettier - Code formatter使用

更多VSCode插件使用请访问:VSCode常用插件汇总 Prettier - Code formatter这是一款 格式化js.css代码插件,暂不解释. 原文地址:https://www.cnblogs.com/jiaoshou/p/12004077.html

vsCode常用插件的安装

常用插件 Auto Close Tag //补全代码标签 Beautify //代码格式化 HTML Snippets //html代码HTML CSS Support //css格式Debugger for Chrome //在谷歌中打开 JavaScript (ES6) code snippets //es6 Chinese (Simplified) Language Pack for Visual Studio Code //中文简体 ctrl+alt+p 输入config "locale

VSCode 常用插件

Visual Studio Code (简称 VS Code / VSC) 是一款免费开源的现代化轻量级代码编辑器,支持几乎所有主流的开发语言的语法高亮.智能代码补全.自定义热键.括号匹配.代码片段.代码对比 Diff.GIT 等特性,支持插件扩展,并针对网页开发和云端应用开发做了优化.软件跨平台支持 Win.Mac 以及 Linux. VSC中文网:http://www.vscode.org/ vscode  作为一款逐渐火热的编辑器.它的特点免费.开源.多平台,以及集成git,代码调试,插件

vscode常用插件

vscode写JS/html/css是比较适合的,因为轻量级. 只是需要一些插件来完善VSCODE功能,感觉VSCODE就是要靠插件的,不然的话,只是一个高级的代码编辑器.可能比editplus"要好很多". 这个图上是几个常用的插件,以下说明 --------------------------------------------------------------------------------------------------------------------------

vscode 常用插件安装

1.Auto Close Tag 自动闭合HTML/XML标签 2.Auto Rename Tag 自动完成另一侧标签的同步修改 3.Beautify 格式化代码,值得注意的是,beautify插件支持自定义格式化代码规则,例如: 1 2 3 4 5 6 7 {   "indent_size": 4,   "indent_char": " ",   "css": {     "indent_size": 2

前端vscode常用插件

Auto Rename Tag 这是一个html标签的插件,可以让你修改一边标签,另外一边自动改变. Beautify 格式化代码插件 Braket Pair Colorizer 给js文件中的每一个小括号()花括号{}都配上不同的颜色,方便找到哪一个位置多了少了括号. Debugger for Chrome 在文件中打断点 EditorConfig for VS Code 代码格式化,提供代码缩进规则,换行规则等 ESLint 代码规范检测 HTML CSS Support css插件 HTM