VSCode提高 Node 和 Vue 开发效率的插件推荐
在众多代码编辑工具中,我最喜欢的就是微软的vscode。首先它十分轻便,不吃硬件,运行非常顺畅;其次是其各种各样的插件使得编程效率蹭蹭地往上提,爸爸妈妈再也不用担心我要加班了(才怪!!!不加班是不可能的)
插件列表
AutoCloseTag自动闭合HTML标签
AutoRenameTag修改HTML标签时,自动修改匹配的标签
Bookmarks添加行书签
CanIUseHTML5、CSS3、SVG的浏览器兼容性检查
CodeRunner运行选中代码段(支持大量语言,包括Node)
CodeBing在VSCode中弹出浏览器并搜索,可编辑搜索引擎
ColorHighlight颜色值在代码中高亮显示
ColorPicker拾色器
DocumentThis注释文档生成
EditorConfigforVSCodeEditorConfig插件
Emoji在代码中输入emoji
ESLintESLint插件,高亮提示
FilePeek根据路径字符串,快速定位到文件
Font-awesomecodesforhtmlFontAwesome提示代码段
ftp-sync同步文件到ftp
GitBlame在状态栏显示当前行的Git信息
GitHistory(gitlog)查看gitlog
GitLens显示文件最近的commit和作者,显示当前行commit信息
Guides高亮缩进基准线
GulpSnippetsGulp代码段
HTMLCSSClassCompletionCSSclass提示
HTMLCSSSupportcss提示(支持vue)
HTMLHintHTML格式提示
Indenticator缩进高亮
JavaScript(ES6)codesnippetsES6语法代码段
language-stylusStylus语法高亮和提示
LodashLodash代码段
markdownlintMarkdown格式提示
MochaSnippetsMocha代码段
Nodemodulesresolve快速导航到Node模块
npm运行npm命令
npmIntellisense导入模块时,提示已安装模块名称
OutputColorizer彩色输出信息
PartialDiff对比两段代码或文件
PathAutocomplete路径完成提示
PathIntellisense另一个路径完成提示
PrettifyJSON格式化JSON
ProjectManager快速切换项目
RESTClient发送REST风格的HTTP请求
SettingsSyncVSCode设置同步到Gist
StringManipulation字符串转换处理(驼峰、大写开头、下划线等等)
TestSpecGenerator测试用例生成(支持chai、should、jasmine)
TODOParserTodo管理
VersionLenspackage.json文件显示模块当前版本和最新版本
vetur目前比较好的Vue语法高亮
ViewNodePackage快速打开选中模块的主页和代码仓库
vscode-icons文件图标,方便定位文件
VSCodeGreatIcons文件图标拓展
VueHelperVue2代码段(包括Vue2api、vue-router2、vuex2)
附录:VSCode首选项配置
{ "editor.tabSize":2, "files.associations":{ "*.vue":"vue" }, "eslint.autoFixOnSave":true, "eslint.options":{ "extensions":[ ".js", ".vue" ] }, "eslint.validate":[ "javascript", "javascriptreact", "vue", "vue-html" ], "search.exclude":{ "**/node_modules":true, "**/bower_components":true, "**/dist":true }, "emmet.syntaxProfiles":{ "javascript":"jsx", "vue":"html", "vue-html":"html" }, "extensions.autoUpdate":true, "editor.renderWhitespace":"boundary", "editor.cursorBlinking":"smooth", "workbench.welcome.enabled":true }
到此这篇关于VSCode提高Node和Vue开发效率的插件推荐的文章就介绍到这了,更多相关VSCode插件推荐内容请搜索毛票票以前的文章或继续浏览下面的相关文章希望大家以后多多支持毛票票!
声明:本文内容来源于网络,版权归原作者所有,内容由互联网用户自发贡献自行上传,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任。如果您发现有涉嫌版权的内容,欢迎发送邮件至:czq8825#qq.com(发邮件时,请将#更换为@)进行举报,并提供相关证据,一经查实,本站将立刻删除涉嫌侵权内容。