[VueJsDev] 快速入门 - vscode 自动格式化
阿里云国内75折 回扣 微信号:monov8 |
阿里云国际,腾讯云国际,低至75折。AWS 93折 免费开户实名账号 代冲值 优惠多多 微信号:monov8 飞机:@monov6 |
vscode 自动格式化(vue)
::: details 目录
目录
- vscode 自动格式化(vue)
- Step. 1: .editorconfig
- Step. 2: jsconfig.json
- Step. 3: .eslintrc.js
- Step. 4: settings.json
- Step. 5: editor 编辑器设置
- Step. 6: eslint-代码检测设置
- Step. 7: 其他文件配置设置
- Step. 8: vue格式化文件设置 vetur
- Step. 9: javascript设置(vetur内部和外部js)
- Step. 10: 智能友好设置
:::
这篇文章主要讲解下vue开发代码自动格式化,力争讲明白。
::: tip
- eslint 插件要安装
:::
Step. 1: .editorconfig
编辑器的格式化配置文件
::: details 配置文件代码
:::
Step. 2: jsconfig.json
这个配置文件很重要,代码自动跳转就靠它了
::: details 配置文件代码
:::
Step. 3: .eslintrc.js
eslint别的不熟没事,rules一定要会看,vscode报错的时候,ctrl+v过来设置关闭验证用
::: details 配置文件代码
:::
Step. 4: settings.json
前面几个配置文件都是这个文件的外层文件,一定要重视
- editor 编辑器设置
- eslint-代码检测设置
- 其他文件配置设置
- vue格式化文件设置 vetur
::: tip vue单独设置
单独设置html js css 单独格式化
::: - javascript设置(vetur内部和外部js)
- 智能友好设置
Step. 5: editor 编辑器设置
Step. 6: eslint-代码检测设置
Step. 7: 其他文件配置设置
Step. 8: vue格式化文件设置 vetur
Step. 9: javascript设置(vetur内部和外部js)
Step. 10: 智能友好设置
---------------------------------------------
生活的意义并不是与他人争高下,而在于享受努力实现目标的过程,结果是对自己行动的嘉奖。
↑面的话,越看越不痛快,应该这么说:
生活的意义就是你自己知道你要做什么,明确目标。没有目标,后面都是瞎扯!
新博客 https://www.VuejsDev.com 用于梳理知识点
阿里云国内75折 回扣 微信号:monov8 |
阿里云国际,腾讯云国际,低至75折。AWS 93折 免费开户实名账号 代冲值 优惠多多 微信号:monov8 飞机:@monov6 |