项目搭建
pnpm create vite
代码规范
集成 editorconfig 配置
- EditorConfig 有助于为不同 IDE 编辑器上处理同一项目的多个开发人员维护一致的编码风格。
# http://editorconfig.org
root = true
[*] # 表示所有文件适用
charset = utf-8 # 设置文件字符集为 utf-8
indent_style = space # 缩进风格(tab | space)
indent_size = 2 # 缩进大小
end_of_line = lf # 控制换行类型(lf | cr | crlf)
trim_trailing_whitespace = true # 去除行首的任意空白字符
insert_final_newline = true # 始终在文件末尾插入一个新行
[*.md] # 表示仅 md 文件适用以下规则
max_line_length = off
trim_trailing_whitespace = false
- VSCode 需要安装一个插件:EditorConfig for VS Code
![image-20210722215138665](https://i-blog.csdnimg.cn/blog_migrate/81fae08368f902dfed590c6432f34f53.png)
配置 eslint、prettier
pnpm i eslint prettier eslint-config-prettier eslint-plugin-prettier eslint-plugin-vue @typescript-eslint/parser @typescript-eslint/eslint-plugin vue-global-api -D
- 在根目录下建立 eslint 配置文件: .eslintrc.js
module.exports = {
root: true,
env: {
browser: true,
node: true
},
globals: {
Message: true,
env: