1
首先，我们得找一段Javascript代码，这个我写一个示例，写一个没有任何格式的Javascript代码
【function test(){console.log(1)console.log('test')}】
2
接下来我们打开浏览器，然后打开百度首页【http://www.baidu.com】
步骤阅读
3
我们直接在百度输入框里输入【JS格式化】，JS是Javascript的简称，也是Javascript文件的后缀名，输入后点击【百度一下】
4
从搜索结果中可以看到，百度确实搜索很人性化，直接给我门推荐一些在线的小工具，那么我们就直接点击第一个应用
5
打开应用后界面很简单，就是一个大大的输入框，让你输入想要格式化的内容，下面也有一些按钮，其中一个【格式化】使我们关心的
6
现在，我们将准备好的JS代码复制到输入框中
7
接下来，点击【格式化】按钮，看看发生什么事情了吧，结果正是我们想要的格式化后的代码，是不是很方便呢，也不需要下载什么多余的软件，直接在线就可以解决了，到此本教程就结束了
1、vs code安装插件eslint2、文件 - 首选项 - 设置 - json配置3、粘贴以下JSON配置，保存{// vscode默认启用了根据文件类型自动设置tabsize的选项"editor.detectIndentation": false,// 重新设定tabsize"editor.tabSize": 2,// #每次保存的时候自动格式化"editor.formatOnSave": true,// #每次保存的时候将代码按eslint格式进行修复"eslint.autoFixOnSave": true,// 添加 vue 支持"eslint.validate": ["javascript","javascriptreact",{"language": "vue","autoFix": true}],// #让prettier使用eslint的代码格式进行校验"prettier.eslintIntegration": true,// #去掉代码结尾的分号"prettier.semi": false,// #使用带引号替代双引号"prettier.singleQuote": true,// #让函数(名)和后面的括号之间加个空格"javascript.format.insertSpaceBeforeFunctionParenthesis": true,// #这个按用户自身习惯选择"vetur.format.defaultFormatter.html": "js-beautify-html",// #让vue中的js按编辑器自带的ts格式进行格式化"vetur.format.defaultFormatter.js": "vscode-typescript","vetur.format.defaultFormatterOptions": {"js-beautify-html": {"wrap_attributes": "aligned-multiple"},"prettyhtml": {"printWidth": 100,"singleQuote": false,"wrapAttributes": false,"sortAttributes": false}},// 格式化stylus, 需安装Manta's Stylus Supremacy插件"stylusSupremacy.insertColons": false, // 是否插入冒号"stylusSupremacy.insertSemicolons": false, // 是否插入分好"stylusSupremacy.insertBraces": false, // 是否插入大括号"stylusSupremacy.insertNewLineAroundImports": false, // import之后是否换行"stylusSupremacy.insertNewLineAroundBlocks": false,"window.zoomLevel": 0,"[javascript]": {"editor.defaultFormatter": "vscode.typescript-language-features"}}
