项目配置汇总

pnpm 有什么优势

  • 速度快 节省磁盘空间
  • pnpm ~/.pnpm-store
  • 建立非扁平化的node_modules .pnpm 软链接
  • 多项目共用一份依赖

前端权限管理的模型

  • ACL：基于用户的权限管理模型

    • 只需要给当前的用户授权或取消权限
    • user permission
    • 好处：清晰 简单
    • 缺点：用户量增长，针对每个用户都要维护记录 record 成本高

  • RBAC：基于角色的权限管理模型

    • 权限跟用户无关 用户-角色-权限
    • role - permission
    • user - role

  • ABAC：基于属性的权限管理模型

    • 可扩展性很高

VSCode配置

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
// .prettierrc.js
module.exports = {
  // 一行最多多少个字符
  printWidth: 150,
  // 指定每个缩进级别的空格数
  tabWidth: 2,
  // 使用制表符而不是空格缩进行
  useTabs: true,
  // 在语句末尾打印分号
  semi: true,
  // 使用单引号而不是双引号
  singleQuote: true,
  // 更改引用对象属性的时间 可选值"<as-needed|consistent|preserve>"
  quoteProps: 'as-needed',
  // 在JSX中使用单引号而不是双引号
  jsxSingleQuote: false,
  // 多行时尽可能打印尾随逗号。（例如，单行数组永远不会出现逗号结尾。） 可选值"<none|es5|all>"，默认none
  trailingComma: 'es5',
  // 在对象文字中的括号之间打印空格
  bracketSpacing: true,
  // jsx 标签的反尖括号需要换行
  jsxBracketSameLine: false,
  // 在单独的箭头函数参数周围包括括号 always：(x) => x \ avoid：x => x
  arrowParens: 'always',
  // 这两个选项可用于格式化以给定字符偏移量（分别包括和不包括）开始和结束的代码
  rangeStart: 0,
  rangeEnd: Infinity,
  // 指定要使用的解析器，不需要写文件开头的 @prettier
  requirePragma: false,
  // 不需要自动在文件开头插入 @prettier
  insertPragma: false,
  // 使用默认的折行标准 always\never\preserve
  proseWrap: 'preserve',
  // 指定HTML文件的全局空格敏感度 css\strict\ignore
  htmlWhitespaceSensitivity: 'css',
  // Vue文件脚本和样式标签缩进
  vueIndentScriptAndStyle: false,
  // 换行符使用 lf 结尾是 可选值"<auto|lf|crlf|cr>"
  endOfLine: 'lf',
};

环境配置

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
// .env
# port 端口号
VITE_PORT = 8888

# open 运行 npm run dev 时自动打开浏览器
VITE_OPEN = false

# 打包是否开启 cdn（源文件 utils/build.ts），可自行修改
VITE_OPEN_CDN = false

# public path 配置线上环境路径（打包）、本地通过 http-server 访问时，请置空即可
VITE_PUBLIC_PATH = /vue-project/

// .env.development
# 本地环境
ENV = development

# 本地环境接口地址
VITE_API_URL = http://localhost:8888/

// .env.production
# 线上环境
ENV = production

# 线上环境接口地址
VITE_API_URL = https://wuhuajin.com/vue-project/

uniapp项目android离线打包

在Android开发中，.jks文件（Java Keystore）是一种常见的文件格式，用于存储密钥和证书。这对于Android应用的签名非常重要，特别是在发布应用到Google Play时。如果使用uni-app开发跨平台应用，但需要在Android平台上签名，生成.jks文件是必要的。

1. 安装Java和Keytool
首先，确保已经安装了Java开发工具包JDK，并且keytool工具可用。keytool是JDK的一部分，用于处理密钥和证书。

2. 生成密钥库(Keystore)
打开命令行工具，使用keytool命令生成新的密钥库文件。

1
keytool -genkey -v -keystore test.jks -keyalg RSA -keysize 2048 -validity 10000 -alias key
  • -genkey：表示生成新的密钥库
  • -v：表示显示详细信息
  • -keystore test.jks：指定生成的密钥库文件名为test.jks
  • -keyalg RSA：指定密钥算法为RSA
  • -keysize 2048：指定密钥长度为2048位
  • -validity 10000：指定密钥有效期为10000天（约27年）
  • -alias key：密钥库设置别名，便于引用

3. 输入密钥库信息

4. 保护密钥库
在创建密钥库时，需要设置一个密钥库密码keystore password和密钥密码key password。

5. 使用生成的.jks文件

在Android Studio中，可以在build.gradle文件中配置签名信息。

1
2
3
4
5
6
7
8
9
10
android {
    signingConfigs {
        release {
            keyAlias 'key'
            keyPassword '123456'
            storeFile file('test.jks')
            storePassword '123456'
        }
    }
}