🐳 chore(prettier): 使用prettier格式化样式文件

.prettierrc

@@ -0,0 +1,10 @@
+{
+  "printWidth": 160,
+  "tabWidth": 2,
+  "useTabs": false,
+  "semi": false, 
+  "singleQuote": true, 
+  "jsxSingleQuote": true, 
+  "jsxBracketSameLine": true, 
+  "trailingComma": "all"
+}

.vscode/settings.json

@@ -1,5 +1,7 @@
 {
   "editor.defaultFormatter": "dbaeumer.vscode-eslint",
+  // Set the default
+  "editor.formatOnSave": true,
   // Enable per-language
   "[javascript]": {
     "editor.formatOnSave": true,
@@ -17,4 +19,12 @@
     "editor.formatOnSave": true,
     "editor.defaultFormatter": "dbaeumer.vscode-eslint"
   },
+  "[css]": {
+    "editor.formatOnSave": true,
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "[scss]": {
+    "editor.formatOnSave": true,
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
 }

package.json

@@ -75,6 +75,7 @@
     "cross-env": "^7.0.3",
     "eslint": "^8.29.0",
     "eslint-config-taro": "3.5.8",
+    "prettier": "^2.8.0",
     "react-refresh": "0.14.0",
     "stylelint": "14.16.0",
     "typescript": "^4.9.3",

src/app.scss

@@ -2,5 +2,4 @@
 @import './styles/iconfont.scss';
 page {
   height: 100%;
-    
 }

src/components/address/index.module.scss

@@ -19,7 +19,7 @@
     .address_item {
       padding: 0 20px;
       max-width: 200px;
-            @include common_ellipsis()
+      @include common_ellipsis();
     }
     .bottom_index {
       width: 100px;
@@ -43,7 +43,7 @@
         justify-content: space-between;
         align-items: center;
         .address_list_item_name {
-                    @include common_ellipsis()
+          @include common_ellipsis();
         }
         .address_iconfont {
           font-size: 30px !important;
@@ -51,7 +51,6 @@
         }
       }
     }
-        
   }
   .addresst_select {
     color: $color_font_one;

yarn.lock

@@ -10977,6 +10977,11 @@ prepend-http@^2.0.0:
   resolved "https://registry.npmjs.org/prepend-http/-/prepend-http-2.0.0.tgz#e92434bfa5ea8c19f41cdfd401d741a3c819d897"
   integrity sha512-ravE6m9Atw9Z/jjttRUZ+clIXogdghyZAuWJ3qEzjT+jI/dL1ifAqhZeC5VHzQp1MSt1+jxKkFNemj/iO7tVUA==
 
+prettier@^2.8.0:
+  version "2.8.0"
+  resolved "https://registry.npmjs.org/prettier/-/prettier-2.8.0.tgz#c7df58393c9ba77d6fba3921ae01faf994fb9dc9"
+  integrity sha512-9Lmg8hTFZKG0Asr/kW9Bp8tJjRVluO8EJQVfY2T7FMw9T5jy4I/Uvx0Rca/XWf50QQ1/SS48+6IJWnrb+2yemA==
+
 pretty-bytes@^5.3.0:
   version "5.6.0"
   resolved "https://registry.npmjs.org/pretty-bytes/-/pretty-bytes-5.6.0.tgz#356256f643804773c82f64723fe78c92c62beaeb"