首页 > 其他分享 >vue2/vue3+eslint文件格式化

vue2/vue3+eslint文件格式化

时间:2022-09-28 17:24:04浏览次数:61  
标签:文件 格式化 settings vscode json editor vue2 vue3 eslint

vue+javascript
1.设置vscode保存时格式化文件

2.打开settings.json

3.设置settings.json文件

{
    "editor.codeActionsOnSave": {
        "source.fixAll.eslint": true
    },
    "editor.formatOnSave": true
}

vue+tsx+ts
1.同理,需要选择保存时格式化文件
2.分别打开ts和tsx文件,按alt+shift+f组合键选择默认的格式化程序
3.分别操作完成后settings.json会出现如下选项

"[typescriptreact]":{
   "editor.defaultFormatter":"esbenp.prettier-vscode"
},
"[typescript]":{
   "editor.defaultFormatter":"esbenp.prettier-vscode"
}

标签:文件,格式化,settings,vscode,json,editor,vue2,vue3,eslint
From: https://www.cnblogs.com/rainbowqq/p/16738768.html

相关文章

  • Vue3.0 如何写自定义指令
    背景问:什么是指令?答:指令就是DOM与逻辑行为的媒介,本质就是DOM绑定的独立逻辑行为函数。除了核心功能默认内置的指令(例如v-model和v-show),Vue也允许注册自定义指令。Vu......
  • vue3中inject无法获取provide传递的最新的值
    //爷组件 import{defineComponent,reactive,toRefs,onMounted,provide,computed}from'vue'; conststate=reactive({   tableData:[], });......
  • vue3 ts 类式写法的mixins
    vue-property-decorator混入(mixins)//mixins.tsimport{Vue}from'vue-property-decorator'classMixinsextendsVue{publicname='混入'publicsay......
  • Vue2 中的键盘事件
    Vue2中的键盘事件@keydown:按下时触发@keyup:松手时触发,事件触发之后会有event对象,event.keyCode是该按键的编码@keyup.enter:回车按键类似的还有:delete,esc,space,......
  • Vue3知识点之数据侦测
    Vue的核心之一就是响应式系统,通过侦测数据的变化,来驱动更新视图。实现可响应对象的方式通过可响应对象,实现对数据的侦测,从而告知外界数据变化。实现可响应对象的方式:ge......
  • vue3脚手架中ts无法识别引入的vue文件,提示找不到xxx.vue模块的解决
    使用vite搭建vue3脚手架的时候,发现main.ts中引入App.vue编辑器会报错,但是不影响代码运行。报错信息:TS2307:Cannotfindmodule'./App.vue'oritscorrespondingtyped......
  • vue3 封装el-table时,构造$children(类式写法)
    由于业务需求(组件封装),需要在获取el-table下面的el-table-column实例在vue2.x当中直接使用this.$children就可以获取到该实例但是vue3.x弃用了$children,官方建议使用$......
  • Vue3源码解读之patch
    例子代码本篇将要讲解domdiff,那么咱们结合下面的例子来进行讲解,这个例子是在上一篇文章的基础上,加了一个数据变更,也就是list的值发生了改变。html中增加了一个按钮change......
  • vue3+vant+vue-router+axios+pinia+vite框架搭建
    vue3的官网地址:https://cn.vuejs.org/;这里要说一下,vue3不支持IE11,如果要兼容IE11及其一下,不建议使用vue3。创建vue脚手架,如果你需要使用ts,则需要node版本>=16。本文按照......
  • Vue3中v-model的基础使用
    v-model绑定的不再是value,而是modelValue,接收的方法也不再是input,而是update:modelValue。使用方法如下:<ChildComponentv-model="title">它是下面这种写法的简写:<Ch......