一些优化

.eslintrc.js

@@ -10,7 +10,7 @@ module.exports = {
     // 3: ESLint + Standard config
     // extends: [ 'plugin:vue/essential', '@vue/airbnb',],
     // ESLint + Prettier
-    extends: ['plugin:vue/recommended', 'eslint:recommended'],
+    extends: ['plugin:vue/recommended', 'eslint:recommended', '@vue/prettier'],
     plugins: [],
     parserOptions: {
         parser: 'babel-eslint'
@@ -30,7 +30,7 @@ module.exports = {
         'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
         indent: [
             'error',
-            2,
+            4,
             {
                 SwitchCase: 1,
                 flatTernaryExpressions: true
@@ -41,7 +41,7 @@ module.exports = {
         semi: ['error', 'never'],
         'vue/html-indent': [
             'error',
-            2,
+            4,
             {
                 attribute: 1,
                 baseIndent: 1,
@@ -54,8 +54,8 @@ module.exports = {
             'error',
             {
                 html: {
-                    void: 'never',
-                    normal: 'never',
+                    void: 'any',
+                    normal: 'any',
                     component: 'never'
                 },
                 svg: 'never',

.prettierrc.js

@@ -17,7 +17,7 @@ module.exports = {
     // true: { foo: bar }
     // false: {foo: bar}
     bracketSpacing: true,
-    // JSX标签闭合位置 默认false
+    // JSX标签闭合位置 >是否单独放一行 默认false
     // false: <div
     //          className=""
     //          style={{}}
@@ -25,15 +25,13 @@ module.exports = {
     // true: <div
     //          className=""
     //          style={{}} >
-    // jsxBracketSameLine：false,
+    jsxBracketSameLine: false,
     // 箭头函数参数括号 默认avoid 可选 avoid| always
     // avoid 能省略括号的时候就省略 例如x => x
     // always 总是有括号
     arrowParens: 'always',
     // 结尾是 \n \r \n\r auto
     endOfLine: "auto",
-    // 在jsx中把'>' 是否单独放一行
-    jsxBracketSameLine: false,
 }
 
 

src/App.vue

@@ -15,7 +15,7 @@ export default {
         }
     },
     async created() {
-        console.log(`this.route:`, this.route)
+        console.log('this.route:', this.route)
     },
     methods: {
         async request() {

src/views/home.vue

 <template>
-  <div class="comp-bao2">
-    <h1>home</h1>
+    <div class="comp-bao2">
+        <h1>home</h1>
 
-    <input
-      ref="input"
-      type="file"
-      :accept="accept"
-      name="files[]"
-      style="display:none;"
-      aaa="dfsdfsfsdfddfsdfsfsdfdsfsdfdsf"
-    >
+        <input ref="input" type="file" :accept="accept" name="files[]" style="display:none;" aaa="dfsdfsfsdfddfsdfsfsdfdsfsdfdsf" />
 
-    <videoPlayer
-      aaa="dfasfsdffdsdfsdsffdsfdfdsf"
-      bbb="fsfdsfsdfdsfdsfdsfdsfdfdsf"
-      ccc="fsfdsfsdfdsfdsfdsfdsfdfdsf"
-    ></videoPlayer>
-  </div>
+        <videoPlayer aaa="dfasfsdffdsdfsdsffdsfdfdsf"></videoPlayer>
+    </div>
 </template>
 
 <script>
 export default {
-  data() {
-    return {}
-  },
-  created() {},
-  mounted() {}
+    data() {
+        return {}
+    },
+    created() {},
+    mounted() {}
 }
 </script>