IDE

Vscode使用

Posted by Wh0ami-hy on August 29, 2024

1. 初始化设置

settings——>User是用户设置(全局设置),所有项目都会用到这个配置

settings——>Workspace是工作区设置,设置后会在当前项目的根路径里创建一个.vscode/settings.json文件,然后配置只在当前项目生效

编辑后自动保存

settings->auto save->Files:Auto Save 设置为afterDelay(这个是在多少毫秒后自动保存)

settings->auto save->Files:Auto Save Delay 设置为默认即可,单位是毫秒

设置启动时不打开上一次的项目

settings->window.restoreWindows 设置为none

设置打开的文件自动猜测合适的编码格式并选择该格式打开文件

打开settings 搜索 Auto Guess Encoding

保存时格式化

开启Format On Save

2. 代码风格规范化最佳实践

prettierrc + vscode 插件和自定义工作区; git commit 前自动格式化

2.1. Vue开发环境

Vue - Official(Vue3):对vue3的支持

Vuter(Vue2):对vue2的支持

Prettier ESLint

安装EditorConfig for VS Code 插件

VSCode不会默认读取.editorconfig,需要安装插件 EditorConfig for VS Code

项目根目录创建.editorconfig文件

# 表示这是根配置文件
root = true

# 适用于所有文件
[*]
charset = utf-8
indent_style = space
indent_size = 2
end_of_line = lf
trim_trailing_whitespace = true
insert_final_newline = true

[*.md]
insert_final_newline = false
trim_trailing_whitespace = false

2.2. React开发环境


本站总访问量