新增mockjs,添加eslint和prettier的格式化配置,保持格式统一,修改权限相关三个页面的风格 (pixiu-io#83)

* 新增mockjs,添加eslint和prettier的格式化配置,保持格式统一,修改权限相关三个页面的风格

* 提交新配置

Author: cqiang1993

.eslintrc.js

@@ -0,0 +1,20 @@
+module.exports = {
+  root: true,
+  env: {
+    browser: true,
+    es2021: true,
+    node: true,
+  },
+  extends: ['plugin:vue/vue3-recommended', 'plugin:prettier/recommended'],
+  parserOptions: {
+    ecmaVersion: 'latest',
+    sourceType: 'module',
+    ecmaFeatures: {
+      jsx: true,
+      tsx: true,
+    },
+  },
+  rules: {
+    'vue/multi-word-component-names': 'off',
+  },
+};

.prettierrc.js

@@ -0,0 +1,37 @@
+module.exports = {
+  // 一行最多 100 字符
+  printWidth: 100,
+  // 使用 2 个空格缩进
+  tabWidth: 2,
+  // 不使用缩进符，而使用空格
+  useTabs: false,
+  // 行尾需要有分号
+  semi: true,
+  // 使用单引号
+  singleQuote: true,
+  // 对象的 key 仅在必要时用引号
+  quoteProps: 'as-needed',
+  // jsx 不使用单引号，而使用双引号
+  jsxSingleQuote: false,
+  // 末尾不需要逗号
+  trailingComma: 'all',
+  // 大括号内的首尾需要空格
+  bracketSpacing: true,
+  // jsx 标签的反尖括号需要换行
+  bracketSameLine: false,
+  // 箭头函数，只有一个参数的时候，也需要括号
+  arrowParens: 'always',
+  // 每个文件格式化的范围是文件的全部内容
+  rangeStart: 0,
+  rangeEnd: Infinity,
+  // 不需要写文件开头的 @prettier
+  requirePragma: false,
+  // 不需要自动在文件开头插入 @prettier
+  insertPragma: false,
+  // 使用默认的折行标准
+  proseWrap: 'preserve',
+  // 根据显示样式决定 html 要不要折行
+  htmlWhitespaceSensitivity: 'css',
+  // 换行符使用 lf
+  endOfLine: 'auto',
+};

env/.env.dev

@@ -1,3 +1,3 @@
 NODE_ENV='development'
 
-VITE_BASE_API="http://localhost:8090"
+VITE_BASE_API="http://localhost:8080"

mock/login.js

@@ -0,0 +1,10 @@
+export default [
+  {
+    url: '/users/login',
+    method: 'POST',
+    response: (options) => ({
+      code: 200,
+      token: '12313',
+    }),
+  },
+];