Visual studio code VSCode在任何项目上都更美观

我在VS代码中有这段代码

注:

1-我的双引号是

“

2-我的分号位于行的末尾

3-我的缩进是混乱的，我喜欢使用4个空格的制表符

我想将我的VSCode配置为运行onsave

---

当我点击save时，什么也没发生，我还需要做什么呢？

我让它执行这些步骤

1-安装

2-创建

.prettierrc

更多

3-更新VS代码设置，Settings.json

注意：要修改为json，请单击此按钮

4-onSave

在任何项目上，上面的更漂亮的设置（.prettierrc）都会生效

5-完成

...
modal.find("#portfolio-title").text(title);
    modal.find("#portfolio-tag").html(tags);
...

{
    "semi": false,
    "singleQuote": true,
    "useTabs": true,
    "trailingComma": "none",
    "printWidth": 160,
    "tabWidth": 10
}

...
"prettier.tabWidth": 4,
"prettier.vueIndentScriptAndStyle": true,
"prettier.useTabs": true,
"prettier.configPath": "/Users/alpha/Sites/notes/VSCode/.prettierrc",
"[javascript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode",
    "editor.formatOnSave": true
}