下载vscode

官网：https://code.visualstudio.com/

安装插件

solidity + hardhat

地址：Solidity

Prettier - Code formatter

地址：Prettier

One Dark Pro

地址：One Dark Pro

配置settings.json

"editor.formatOnSave": true,
"[solidity]": {
    "editor.defaultFormatter": "NomicFoundation.hardhat-solidity"
},
"[javascript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
},
"editor.formatOnPaste": true,
"editor.tabSize": 2,
"editor.defaultFormatter": "esbenp.prettier-vscode"

配置prettier

根目录中创建.prettierrc文件

{
  "tabWidth": 2,
  "semi": true,
  "requirePragma": false,
  "embeddedLanguageFormatting": "auto",
  "bracketSpacing": true
}

项目中安装prettier

yarn add --dev prettier prettier-plugin-solidity