chore: feat code lint

.editorconfig

@@ -0,0 +1,16 @@
+# http://editorconfig.org
+root = true
+
+[*]
+#缩进风格：空格
+indent_style = space
+#缩进大小
+indent_size = 4
+#换行符lf
+end_of_line = lf
+#字符集utf-8
+charset = utf-8
+#是否删除行尾的空格
+trim_trailing_whitespace = true
+#是否在文件的最后插入一个空行
+insert_final_newline = true

.eslintignore

@@ -0,0 +1,3 @@
+dist/**
+node_modules/**
+dist/**

.eslintrc.js

@@ -0,0 +1,5 @@
+module.exports = {
+    extends: [
+        require.resolve('@fmfe/genesis-lint')
+    ]
+}

.stylelintignore

@@ -0,0 +1,7 @@
+*.json
+*.js
+*.ts
+*.png
+*.eot
+*.ttf
+*.woff

.vscode/settings.json

@@ -0,0 +1,10 @@
+{
+    // 使用项目配置规则
+    "eslint.options": {
+        "configFile": "./.eslintrc.js"
+    },
+    "editor.codeActionsOnSave": {
+        "source.fixAll.eslint": true,
+        "source.fixAll.stylelint": true
+    },
+}

genesis.build.ts

@@ -11,4 +11,4 @@ const start = () => {
      */
     return build.start();
 };
-start();
+start();

genesis.dev.ts

@@ -27,4 +27,4 @@ const start = async () => {
      */
     startApp(renderer);
 };
-start();
+start();

genesis.prod.ts

@@ -20,4 +20,4 @@ app.use(
 /**
  * 启动应用
  */
-startApp(renderer);
+startApp(renderer);

mock/mock.ts

@@ -2,7 +2,6 @@ import express from 'express';
 import bodyParser from 'body-parser';
 import cookieParser from 'cookie-parser';
 
-
 export interface BlogItem {
     author: string;
     content: string;
@@ -35,7 +34,7 @@ export const initMock = (app: express.Application) => {
      * 发表微博
      */
     app.post('/api/blog', bodyParser.json(), (req, res, next) => {
-        const { author, content, } = req.body;
+        const { author, content } = req.body;
         if (typeof author !== 'string' || typeof content !== 'string') {
             return res.json({
                 success: false,
@@ -48,46 +47,50 @@ export const initMock = (app: express.Application) => {
             content,
             createTime: Date.now()
         });
-        res.json({ success: true })
-    })
+        res.json({ success: true });
+    });
 
     /**
      * 用户登录
      */
-    app.post('/api/signin', cookieParser(), bodyParser.json(), (req, res, next) => {
-        const { name } = req.body;
-        if (typeof name !== 'string' || !name) {
-            return res.json({
-                success: false,
-                message: '用户登录名错误'
+    app.post(
+        '/api/signin',
+        cookieParser(),
+        bodyParser.json(),
+        (req, res, next) => {
+            const { name } = req.body;
+            if (typeof name !== 'string' || !name) {
+                return res.json({
+                    success: false,
+                    message: '用户登录名错误'
+                });
+            }
+            /**
+             * 保存用户的昵称
+             */
+            res.cookie('name', name, {
+                httpOnly: false,
+                path: '/'
+            });
+            res.json({
+                success: true,
+                data: {
+                    ok: true
+                }
             });
         }
-        /**
-         * 保存用户的昵称
-         */
-        res.cookie('name', name, {
-            httpOnly: false,
-            path: '/'
-        });
-        res.json({
-            success: true,
-            data: {
-                ok: true
-            }
-        });
-    });
+    );
     /**
      * 用户退出
      */
     app.post('/api/signout', cookieParser(), (req, res, next) => {
-
         res.clearCookie('name');
         res.json({
             success: true,
             data: {
                 ok: true
             }
-        })
+        });
     });
     /**
      * 获取用户昵称
@@ -98,13 +101,13 @@ export const initMock = (app: express.Application) => {
             return res.json({
                 success: false,
                 message: '请先登录'
-            })
+            });
         }
         res.json({
             success: true,
             data: {
                 name
             }
-        })
-    })
-}
+        });
+    });
+};

package.json

@@ -1,31 +1,55 @@
 {
-  "name": "vue-demo",
-  "version": "1.0.0",
-  "description": "",
-  "main": "index.js",
-  "scripts": {
-    "dev": "ts-node genesis.dev -p=tsconfig.json",
-    "build": "rm -rf dist && NODE_ENV=production ts-node genesis.build -p=tsconfig.json",
-    "start": "NODE_ENV=production ts-node genesis.prod -p=tsconfig.json"
-  },
-  "author": "",
-  "license": "MIT",
-  "devDependencies": {
-    "@fmfe/genesis-compiler": "^0.0.56",
-    "@types/express": "^4.17.6",
-    "@types/node": "^14.0.1",
-    "ts-node": "^8.10.1"
-  },
-  "dependencies": {
-    "@fmfe/genesis-app": "^0.0.56",
-    "@fmfe/genesis-core": "^0.0.56",
-    "axios": "^0.19.2",
-    "body-parser": "^1.19.0",
-    "cookie-parser": "^1.4.5",
-    "express": "^4.17.1",
-    "vue-meta": "^2.3.3",
-    "vue-property-decorator": "^8.4.2",
-    "vue-router": "^3.1.6",
-    "vuex": "^3.4.0"
-  }
+    "name": "vue-demo",
+    "version": "1.0.0",
+    "description": "",
+    "main": "index.js",
+    "scripts": {
+        "dev": "ts-node genesis.dev -p=tsconfig.json",
+        "build": "rm -rf dist && NODE_ENV=production ts-node genesis.build -p=tsconfig.json",
+        "start": "NODE_ENV=production ts-node genesis.prod -p=tsconfig.json",
+        "lint": "npm run lint:js && npm run lint:css",
+        "lint:js": "eslint . --ext .js,.ts,.vue --fix",
+        "lint:css": "stylelint . --syntax less --fix --ignore-path ./.stylelintignore | stylelint . --custom-syntax postcss-html --fix"
+    },
+    "author": "",
+    "license": "MIT",
+    "devDependencies": {
+        "@fmfe/genesis-compiler": "^0.0.56",
+        "@fmfe/genesis-lint": "^0.0.56",
+        "@types/express": "^4.17.6",
+        "@types/node": "^14.0.1",
+        "ts-node": "^8.10.1"
+    },
+    "dependencies": {
+        "@fmfe/genesis-app": "^0.0.56",
+        "@fmfe/genesis-core": "^0.0.56",
+        "axios": "^0.19.2",
+        "body-parser": "^1.19.0",
+        "cookie-parser": "^1.4.5",
+        "express": "^4.17.1",
+        "vue-meta": "^2.3.3",
+        "vue-property-decorator": "^8.4.2",
+        "vue-router": "^3.1.6",
+        "vuex": "^3.4.0"
+    },
+    "husky": {
+        "hooks": {
+            "pre-commit": "lint-staged"
+        }
+    },
+    "lint-staged": {
+        "*.{ts,js}": [
+            "eslint --ext .js,.ts --fix",
+            "git add"
+        ],
+        "*.{css,less}": [
+            "stylelint --syntax less --fix",
+            "git add"
+        ],
+        "*.{vue}": [
+            "eslint --ext .js,.ts --fix",
+            "stylelint --custom-syntax postcss-html --fix",
+            "git add"
+        ]
+    }
 }

src/base-vue.ts

@@ -5,31 +5,31 @@ export class BaseVue extends Vue {
     /**
      * 获取 store 状态
      */
-    public get state () {
+    public get state() {
         return this.$store.state as State;
     }
     /**
      * 获取请求对象
      */
-    public get request () {
+    public get request() {
         return this.$root.$options.request!;
     }
     /**
      * 登录用户
      */
-    public signin (name: string) {
-        this.$store.commit('signin', name)
+    public signin(name: string) {
+        this.$store.commit('signin', name);
     }
     /**
      * 退出登录
      */
-    public signout () {
-        this.$store.commit('signin', '')
+    public signout() {
+        this.$store.commit('signin', '');
     }
     /**
      * 获取微博列表数据
      */
-    public async getBlogList () {
+    public async getBlogList() {
         const res = await this.request.get('/api/blog/list');
         if (res.success) {
             this.$store.commit('getBlogList', res.data.list);
@@ -38,7 +38,7 @@ export class BaseVue extends Vue {
     /**
      * 发表微博
      */
-    public async postBlog (content: string) {
+    public async postBlog(content: string) {
         const res = await this.request.post('/api/blog', {
             author: this.state.user.name,
             content
@@ -47,16 +47,16 @@ export class BaseVue extends Vue {
             this.getBlogList(); // 发表成功后，重新获取微博数据
             return true;
         }
-         alert('发表失败');
-         return false;
+        alert('发表失败');
+        return false;
     }
     /**
      * 获取当前用户登录信息
      */
-    public async getCurrentUser () {
+    public async getCurrentUser() {
         const res = await this.request.get('/api/current-user');
         if (res.success) {
             return this.signin(res.data.name);
         }
     }
-}
+}

src/components/v-header.vue

@@ -1,15 +1,13 @@
 <template>
     <header class="header">
-        <h2 class="title" v-if="title">{{title}}</h2>
+        <h2 v-if="title" class="title">{{ title }}</h2>
     </header>
 </template>
 <script lang="ts">
-import Vue from 'vue'
+import Vue from 'vue';
 import { Component, Prop } from 'vue-property-decorator';
 
-@Component<VHeader>({
-    
-})
+@Component<VHeader>({})
 export default class VHeader extends Vue {
     @Prop({
         type: String,
@@ -25,8 +23,8 @@ export default class VHeader extends Vue {
     border-bottom: 1px solid #ccc;
 }
 .title {
-    text-align: center;
-    font-size: 18px;
     margin: 0;
+    font-size: 18px;
+    text-align: center;
 }
-</style>
+</style>

src/entry-base.ts

@@ -7,4 +7,4 @@ import { createRequest } from './request/request';
 
 Vue.use(Meta);
 
-export { App, createStore, createRouter, createRequest }
+export { App, createStore, createRouter, createRequest };

src/entry-client.ts

@@ -28,7 +28,7 @@ export default async (clientOptions: ClientOptions): Promise<Vue> => {
          */
         clientOptions,
         /**
-         * new Vue({ ...vueOptions }) 
+         * new Vue({ ...vueOptions })
          */
         vueOptions: {
             /**
@@ -44,5 +44,5 @@ export default async (clientOptions: ClientOptions): Promise<Vue> => {
              */
             request
         }
-    })
+    });
 };