refactor(project): ♻️ 增加eslint prettier husky支持

.env.development

@@ -6,3 +6,5 @@ VITE_APP_ENV = 'development'
 
 # 若依管理系统/开发环境
 VITE_APP_BASE_API = '/dev-api'
+
+VITE_PROXY_BASE_URL = 'http://localhost:8080'

.eslintignore

@@ -0,0 +1,5 @@
+/bin
+/html
+/node_modules
+/vite
+/public

.eslintrc.js

@@ -0,0 +1,37 @@
+module.exports = {
+  root: true,
+  parserOptions: {
+    sourceType: 'module',
+    ecmaVersion: 2021,
+  },
+  parser: 'vue-eslint-parser',
+  extends: ['plugin:vue/vue3-recommended', 'airbnb-base', 'plugin:prettier/recommended', 'plugin:jsx-a11y/recommended'],
+  plugins: ['prettier', 'jsx-a11y'],
+  env: {
+    browser: true,
+    node: true,
+    es6: true,
+    'vue/setup-compiler-macros': true,
+  },
+  rules: {
+    'consistent-return': 'off',
+    'prettier/prettier': ['error'],
+    'no-console': 'off',
+    'no-unused-expressions': 'off',
+    'import/no-unresolved': 'off',
+    'import/extensions': 'off',
+    'import/no-absolute-path': 'off',
+    'import/no-extraneous-dependencies': 'off',
+    'import/prefer-default-export': 'off',
+    'no-shadow': 'off',
+    'no-param-reassign': 'off',
+    'no-restricted-syntax': 'off',
+    'no-use-before-define': 'off',
+    'no-plusplus': [
+      'off',
+      {
+        allowForLoopAfterthoughts: true,
+      },
+    ],
+  },
+}

.husky/pre-commit

@@ -0,0 +1,4 @@
+#!/bin/sh
+. "$(dirname "$0")/_/husky.sh"
+
+npm run lint-fix

.husky/pre-push

@@ -0,0 +1,4 @@
+#!/bin/sh
+. "$(dirname "$0")/_/husky.sh"
+
+npm run lint-fix

.prettierrc

@@ -0,0 +1,6 @@
+{
+  "printWidth": 120,
+  "semi": false,
+  "singleQuote": true,
+  "endOfLine": "auto"
+}

package.json

@@ -8,7 +8,9 @@
     "dev": "vite",
     "build:prod": "vite build",
     "build:stage": "vite build --mode staging",
-    "preview": "vite preview"
+    "lint-fix": "eslint --fix --ext .js --ext .jsx src/ && git add .",
+    "preview": "vite preview",
+    "prepare": "husky install"
   },
   "repository": {
     "type": "git",
@@ -20,19 +22,28 @@
     "axios": "0.27.2",
     "echarts": "5.4.0",
     "element-plus": "2.2.27",
+    "eslint": "^8.5.0",
+    "eslint-config-airbnb-base": "^15.0.0",
+    "eslint-config-prettier": "^8.3.0",
+    "eslint-plugin-import": "^2.25.4",
+    "eslint-plugin-jsx-a11y": "^6.5.1",
+    "eslint-plugin-prettier": "^4.0.0",
+    "eslint-plugin-vue": "^8.2.0",
     "file-saver": "2.0.5",
     "fuse.js": "6.6.2",
     "js-cookie": "3.0.1",
     "jsencrypt": "3.3.1",
     "nprogress": "0.2.0",
     "pinia": "2.0.22",
+    "prettier": "^2.5.1",
     "vue": "3.2.45",
     "vue-cropper": "1.0.3",
     "vue-router": "4.1.4"
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "3.1.0",
     "@vue/compiler-sfc": "3.2.45",
+    "husky": "^8.0.3",
     "sass": "1.56.1",
     "unplugin-auto-import": "0.11.4",
     "vite": "3.2.3",

src/api/login.js

@@ -6,15 +6,15 @@ export function login(username, password, code, uuid) {
     username,
     password,
     code,
-    uuid
+    uuid,
   }
   return request({
     url: '/login',
     headers: {
-      isToken: false
+      isToken: false,
     },
     method: 'post',
-    data: data
+    data,
   })
 }
 
@@ -23,26 +23,26 @@ export function register(data) {
   return request({
     url: '/register',
     headers: {
-      isToken: false
+      isToken: false,
     },
     method: 'post',
-    data: data
+    data,
   })
 }
 
 // 获取用户详细信息
 export function getInfo() {
   return request({
     url: '/getInfo',
-    method: 'get'
+    method: 'get',
   })
 }
 
 // 退出方法
 export function logout() {
   return request({
     url: '/logout',
-    method: 'post'
+    method: 'post',
   })
 }
 
@@ -51,9 +51,9 @@ export function getCodeImg() {
   return request({
     url: '/captchaImage',
     headers: {
-      isToken: false
+      isToken: false,
     },
     method: 'get',
-    timeout: 20000
+    timeout: 20000,
   })
-}
+}

src/api/menu.js

@@ -4,6 +4,6 @@ import request from '@/utils/request'
 export const getRouters = () => {
   return request({
     url: '/getRouters',
-    method: 'get'
+    method: 'get',
   })
-}
+}

src/api/monitor/cache.js

@@ -4,54 +4,54 @@ import request from '@/utils/request'
 export function getCache() {
   return request({
     url: '/monitor/cache',
-    method: 'get'
+    method: 'get',
   })
 }
 
 // 查询缓存名称列表
 export function listCacheName() {
   return request({
     url: '/monitor/cache/getNames',
-    method: 'get'
+    method: 'get',
   })
 }
 
 // 查询缓存键名列表
 export function listCacheKey(cacheName) {
   return request({
-    url: '/monitor/cache/getKeys/' + cacheName,
-    method: 'get'
+    url: `/monitor/cache/getKeys/${cacheName}`,
+    method: 'get',
   })
 }
 
 // 查询缓存内容
 export function getCacheValue(cacheName, cacheKey) {
   return request({
-    url: '/monitor/cache/getValue/' + cacheName + '/' + cacheKey,
-    method: 'get'
+    url: `/monitor/cache/getValue/${cacheName}/${cacheKey}`,
+    method: 'get',
   })
 }
 
 // 清理指定名称缓存
 export function clearCacheName(cacheName) {
   return request({
-    url: '/monitor/cache/clearCacheName/' + cacheName,
-    method: 'delete'
+    url: `/monitor/cache/clearCacheName/${cacheName}`,
+    method: 'delete',
   })
 }
 
 // 清理指定键名缓存
 export function clearCacheKey(cacheKey) {
   return request({
-    url: '/monitor/cache/clearCacheKey/' + cacheKey,
-    method: 'delete'
+    url: `/monitor/cache/clearCacheKey/${cacheKey}`,
+    method: 'delete',
   })
 }
 
 // 清理全部缓存
 export function clearCacheAll() {
   return request({
     url: '/monitor/cache/clearCacheAll',
-    method: 'delete'
+    method: 'delete',
   })
 }

src/api/monitor/job.js

@@ -5,15 +5,15 @@ export function listJob(query) {
   return request({
     url: '/monitor/job/list',
     method: 'get',
-    params: query
+    params: query,
   })
 }
 
 // 查询定时任务调度详细
 export function getJob(jobId) {
   return request({
-    url: '/monitor/job/' + jobId,
-    method: 'get'
+    url: `/monitor/job/${jobId}`,
+    method: 'get',
   })
 }
 
@@ -22,7 +22,7 @@ export function addJob(data) {
   return request({
     url: '/monitor/job',
     method: 'post',
-    data: data
+    data,
   })
 }
 
@@ -31,41 +31,40 @@ export function updateJob(data) {
   return request({
     url: '/monitor/job',
     method: 'put',
-    data: data
+    data,
   })
 }
 
 // 删除定时任务调度
 export function delJob(jobId) {
   return request({
-    url: '/monitor/job/' + jobId,
-    method: 'delete'
+    url: `/monitor/job/${jobId}`,
+    method: 'delete',
   })
 }
 
 // 任务状态修改
 export function changeJobStatus(jobId, status) {
   const data = {
     jobId,
-    status
+    status,
   }
   return request({
     url: '/monitor/job/changeStatus',
     method: 'put',
-    data: data
+    data,
   })
 }
 
-
 // 定时任务立即执行一次
 export function runJob(jobId, jobGroup) {
   const data = {
     jobId,
-    jobGroup
+    jobGroup,
   }
   return request({
     url: '/monitor/job/run',
     method: 'put',
-    data: data
+    data,
   })
-}
+}

src/api/monitor/jobLog.js

@@ -5,22 +5,22 @@ export function listJobLog(query) {
   return request({
     url: '/monitor/jobLog/list',
     method: 'get',
-    params: query
+    params: query,
   })
 }
 
 // 删除调度日志
 export function delJobLog(jobLogId) {
   return request({
-    url: '/monitor/jobLog/' + jobLogId,
-    method: 'delete'
+    url: `/monitor/jobLog/${jobLogId}`,
+    method: 'delete',
   })
 }
 
 // 清空调度日志
 export function cleanJobLog() {
   return request({
     url: '/monitor/jobLog/clean',
-    method: 'delete'
+    method: 'delete',
   })
 }

src/api/monitor/logininfor.js

@@ -5,30 +5,30 @@ export function list(query) {
   return request({
     url: '/monitor/logininfor/list',
     method: 'get',
-    params: query
+    params: query,
   })
 }
 
 // 删除登录日志
 export function delLogininfor(infoId) {
   return request({
-    url: '/monitor/logininfor/' + infoId,
-    method: 'delete'
+    url: `/monitor/logininfor/${infoId}`,
+    method: 'delete',
   })
 }
 
 // 解锁用户登录状态
 export function unlockLogininfor(userName) {
   return request({
-    url: '/monitor/logininfor/unlock/' + userName,
-    method: 'get'
+    url: `/monitor/logininfor/unlock/${userName}`,
+    method: 'get',
   })
 }
 
 // 清空登录日志
 export function cleanLogininfor() {
   return request({
     url: '/monitor/logininfor/clean',
-    method: 'delete'
+    method: 'delete',
   })
 }