美文网首页
StandardJS在VSCode中的使用

StandardJS在VSCode中的使用

作者: xiaoguo16 | 来源:发表于2018-12-05 19:58 被阅读0次

StandardJS可以格式化前端代码,以下说明其在VSCode中的安装以及使用:

  1. 全局或局部安装standard:
    $ npm install standard --global
    可以在VSCODE的插件库中直接搜索standard,将相关的插件安装上

  2. 在package文件中加入standard和standfix命令,这样可以在命令行中运行npm run standard查看格式化错误的代码,运行npm run standfix自动修复格式化问题,以下是在package.json的scripts对象中加入这两条命令,以及命令覆盖的文件。

"standard": "standard \"jsbundles/**/*.js\" \"lib/**/*.js\" \"components/**/*.js\"",
"standfix": "standard \"jsbundles/**/*.js\" \"lib/**/*.js\" \"components/**/*.js\" --fix"
  1. 如何设置保存时自动格式化代码?
    在vscode中,点击 文件>首选项>设置,
    在搜索框中输入“eslint.autoFixOnSave”,加入以下设置
    "standard.autoFixOnSave": true
    则保存时会自动格式化代码
注意点:

standardJS解决箭头函数不识别问题: 全局安装babel-eslint并在package.json中加入
"standard": { "parser": "babel-eslint" }

相关文章

网友评论

      本文标题:StandardJS在VSCode中的使用

      本文链接:https://www.haomeiwen.com/subject/lgawcqtx.html