必不可少插件(名称可能不全):
1、Chinese (Simplified) (简体中文) Language
2、Prettier - Code formatter
3、Vue 3 Snippets
4、Vue Language Features (Volar)
可选插件:
5、Auto Close Tag
6、Vue Theme
Prettier格式化配置:
按ctrl+shift+p,搜索setting进入用户设置(全局),添加下面规则:
"[vue]": {"editor.defaultFormatter": "esbenp.prettier-vscode"},"prettier.enable": true,"prettier.semi": false, // 句尾添加分号"prettier.singleQuote": true, // 使用单引号代替双引号"prettier.printWidth": 100, // 超过最大值换行"prettier.tabWidth": 4, // 缩进字节数"prettier.useTabs": false, // 缩进不使用tab,使用空格
需要注意的是,prtttier格式化可以配置在很多文件上,配置字段也不太一样,需要注意的文件如下:
.prettierrc.js
、.prettierignore
、.vscode
文件夹里的settings.json