js_beautify

2017年的时候用过codemirror,当时用的是jQuery库、codemirror、beautify插件。主要实现代码的编辑功能、插入一些变量功能、beautify插件主要用来格式化代码，实现代码美化效果。不过这两年做项目都是用vue了，需要用到代码编辑器，于是我又找到了代码编辑器vue-codemirror，感觉组件再变，其原理、底层还是没多大变化，用vu e-codemirror,codemirror的方法，配置参数都是通用的，今天我就来分享一下我今天研究的vue-codemirror用法及一些坑的填法。我需要声明一点是我们项目用到的是框架ant-design-vue,所以弹窗我也直接拿来用了，有不懂的童鞋，可以参考 www.antdv.com/components/… 。 1. 需要实现codemirror编辑器功能，主要是json数据的编辑 codemirror基本的编辑代码功能 插入变量功能 codemirror验证功能：主要验证代码格式，语法等，给出相应的提示 代码格式化（由于主要是json数据，所以暂时没引用其他组件，如果需要建议引用 js-beautify ，因为查资料发现codemirror在新的版本中已经去掉autoFormatRange方法） 大致如下图： 2. 写功能前需要安装的一些组件及用法简单说明，vue的就不说了，就光说这个编辑器需要的 2.1

VS Code默认缩进为2两个空格，修改为4个空格的方法。 一、首选项->设置，设置"editor.detectIndentation": false 二、ctrl+shift+x 打开插件下载页面，搜索beautify插件下载 三、在用户配置中，配置beautify（用户配置打开方式见步骤一） { "beautify.language": { "js": { "type": [ "javascript", "json" ], "filename": [ ".jshintrc", ".jsbeautify" ] }, "css": [ "css", "scss", "less" ], "html": [ "htm", "html", "vue" ] }, "[html]": { "editor.defaultFormatter": "vscode.html-language-features" }, "less.lint.validProperties": [ "\"compress\": false", "\"sourceMap\": false" ], "less.compile": { "compress": false, "sourceMap": false, "out": true, "outExt": ".css", }, "git

管理->设置->扩展->Vetur { "workbench.colorTheme": "Monokai", "editor.fontSize": 14, "editor.lineHeight": 16, "[javascript]": { "editor.defaultFormatter": "esbenp.prettier-vscode" }, "[javascriptreact]": { "editor.defaultFormatter": "esbenp.prettier-vscode" }, "files.hotExit": "onExit", "editor.formatOnPaste": true, "editor.multiCursorModifier": "ctrlCmd", "editor.snippetSuggestions": "top", "[vue]": { "editor.defaultFormatter": "octref.vetur" }, "explorer.confirmDelete": false, "vetur.completion.scaffoldSnippetSources": {}, "vetur.format.defaultFormatter.html": "js-beautify-html", // html 不换行 "vetur

【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> 在Vim中，纠正所有行缩进的命令是什么？ 很多时候我会将代码复制并粘贴到远程终端中并使整个过程搞砸了。 我想一举解决这个问题。 #1楼 您可以使用整洁的应用程序/实用程序来缩进HTML和XML文件，并且它可以很好地缩进这些文件。 整理XML文件 :!tidy -mi -xml % 整理HTML文件 :!tidy -mi -html % #2楼 如果你不想使用 :set paste ，中键点击， set nopaste ，你也可以粘贴剪贴板的内容： "*p "+p 这样您就不必离开正常模式。 如果您必须粘贴 + 或 * 取决于您选择文本的方式，请参阅 :help quoteplus 。 #3楼 按下转义然后快速输入以下组合： gg=G #4楼 对于复杂的C ++文件，使用vim's = filter命令时，vim并不总能正确获取格式。 因此，对于这种情况，最好使用外部C ++格式化程序，如 astyle （或 uncrustify ），例如： :%!astyle Vim的'='函数默认使用它的内部格式化程序（它并不总能使事情正确）但是也可以设置它使用外部格式化程序，如astyle，通过正确设置它，如 本问题所述 。 #5楼 vim- autoformat使用特定于您的语言的外部程序 格式化 您的源文件