时间:2021-05-26
简介
今天看着写的代码越来越多后,发现自己读起都有点吃力了,哈哈,自己看着眼睛痛,就准备整顿一下,毕竟这个项目还要维护很久的,找解决方案和测试解决方案就用了一个半小时,严重开始怀疑自己的智商了。下面的目标让代码看起来很公正
代码编辑器
vscode
version:版本 1.35.1 (1.35.1) 2019-06-12T14:19:05.197Z更新的
vscode代码格式化
因为目前公司就我一个后端,项目也不大,所以就采用这种方案,简单快捷粗暴。
一.点击code->preferences->settings 点击右上角{}
二.用户自定义设置(/User/settings.json)
添加代码
ESLint配置
ESLint不仅有代码规范而且还有一部分语法检查的功能,ex:命令规范(驼峰) a==b警告提示a===b...
ESLint可以有效的规范代码,以后还是会采用,培养自己的规范的编码习惯
https://cn.eslint.org/
1.vscode安装ESLint
这里以配置eslint-config-aribnb的例子
vscode在extensions中安装ESLint
2.npm安装
3.创建.eslintrc文件
项目目录下将会生成一个eslintrc.json的文件
{ "extends": "airbnb-base"}添加自己想要的设置,我这里node环境{"env": { "node": true, "es6": true }, "parserOptions": {#解决import export eslint报错 "ecmaFeatures": { "legacyDecorators": true } }, "extends": "airbnb-base"}4.关联eslint与vscode
1.code->preferences->settings 进入user的seetings
2.添加以下代码
这样vscode和eslint关联配置完成了,不出意外会报一大堆错。good lucky
总结:
主要是卡在eslint.options上,没看vscode的extensions的eslint的README,而去相信了百度,没有添加eslint.options,那么一直都无法生效.学的教训。
到此这篇关于vscode代码格式化和eslint的使用的文章就介绍到这了,更多相关vscode代码格式化内容请搜索以前的文章或继续浏览下面的相关文章希望大家以后多多支持!
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
编辑器另外一个很重要的功能就是代码格式化了,VSCode默认提供常见文件的格式化,如.js,.html等。添加对.vue文件的格式化支持这里我们添加对.vue文
我相信基本上每一个在vscode上面码Vue代码的都会下载Vetur插件用来格式化等操作,今天Vetur更新了0.14.2版本,最近在使用的时候,感觉格式化总是
前言在vscode的vue项目中,关于代码检查和格式化,遇到各种各样的问题,比如:不清楚安装的拓展的功能,导致安装了重复功能的拓展右键格式化文档的时候,不是按e
编辑器另外一个很重要的功能就是代码格式化了,VSCode默认提供常见文件的格式化,如.js,.html等。添加对.vue文件的格式化支持这里我们添加对.vue文
该配置用于vue开发,最终效果是保存时自动根据eslint对js、html和css代码进行格式化。vscodeVetur插件Vetur插件用于识别vue文件,原