StandardJS可以格式化前端代码,以下说明其在VSCode中的安装以及使用:
-
全局或局部安装standard:
$ npm install standard --global
可以在VSCODE的插件库中直接搜索standard,将相关的插件安装上 -
在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"
- 如何设置保存时自动格式化代码?
在vscode中,点击 文件>首选项>设置,
在搜索框中输入“eslint.autoFixOnSave”,加入以下设置
"standard.autoFixOnSave": true
则保存时会自动格式化代码
注意点:
standardJS解决箭头函数不识别问题: 全局安装babel-eslint并在package.json中加入
"standard": { "parser": "babel-eslint" }
网友评论