要在保存时自动添加分号的VSCode,可以使用以下步骤:
- 打开VSCode,点击左侧菜单栏中的“扩展”图标。
- 在搜索栏中输入“Prettier - Code formatter”并安装该插件。Prettier是一个代码格式化工具,可以自动添加分号以及其他代码格式化操作。
- 安装完成后,点击左下角的齿轮图标,选择“设置”打开用户设置。
- 在用户设置中,找到“Prettier”一节,并点击“编辑 in settings.json”链接。
- 在打开的settings.json文件中,添加以下配置:
"editor.formatOnSave": true,
"[javascript]": {
"editor.formatOnSave": false
},
"[javascriptreact]": {
"editor.formatOnSave": false
},
"[typescript]": {
"editor.formatOnSave": false
},
"[typescriptreact]": {
"editor.formatOnSave": false
},
"prettier.semi": true
以上配置的含义是:
- "editor.formatOnSave": true - 当保存文件时进行代码格式化。
- "[javascript]": {} - 针对JavaScript文件的格式化设置。
- "[javascriptreact]": {} - 针对React组件文件的格式化设置。
- "[typescript]": {} - 针对TypeScript文件的格式化设置。
- "[typescriptreact]": {} - 针对TypeScript React组件文件的格式化设置。
- "prettier.semi": true - 开启Prettier自动添加分号的功能。
- 保存并关闭settings.json文件。
现在,当你保存JavaScript或TypeScript文件时,VSCode会自动使用Prettier进行代码格式化,并添加分号。