老师好,prettier, .vue文件可以使用,.ts文件就用不了,您帮忙看下

来源:2-2 代码格式化工具prettier

慕尼黑8466541

2020-10-27

settings.json 配置如下
{
    "editor.formatOnSave": true,
    "vetur.experimental.templateInterpolationService": true,
    "editor.codeActionsOnSave": {
        "source.fixAll.eslint": true
    }
}
.prettierrc 配置如下
{
    "semi": false, 
    "singleQuote": true,
    "arrowParens": "always",
    "trailingComma": "all"
}
package.json
  "devDependencies": {
    "@typescript-eslint/eslint-plugin": "^2.33.0",
    "@typescript-eslint/parser": "^2.33.0",
    "@vue/cli-plugin-babel": "~4.5.0",
    "@vue/cli-plugin-eslint": "~4.5.0",
    "@vue/cli-plugin-router": "~4.5.0",
    "@vue/cli-plugin-typescript": "~4.5.0",
    "@vue/cli-plugin-vuex": "~4.5.0",
    "@vue/cli-service": "~4.5.0",
    "@vue/compiler-sfc": "^3.0.0",
    "@vue/eslint-config-prettier": "^6.0.0",
    "@vue/eslint-config-typescript": "^5.0.2",
    "eslint": "^6.7.2",
    "eslint-plugin-prettier": "^3.1.3",
    "eslint-plugin-vue": "^7.0.0-0",
    "lint-staged": "^9.5.0",
    "prettier": "^1.19.1",
    "typescript": "~3.9.3"
  },
写回答

2回答

Jokcy

2020-10-27

js文件可以么?你可以打开vscode的设置(左上角code点开),然后在插件那一栏找到Prettier,看一下你的Prettier配置,看一下是否开启,以及禁用语言有没有设置。//img.mukewang.com/szimg/5f98238e0973804209460232.jpg

//img1.sycdn.imooc.com/szimg/5f982332094e00ac09460232.jpg

还可以看一下有下游有没有prettier标志

0
0

慕尼黑8466541

提问者

2020-10-27

"eslint.validate": ["typescript"]

0
2
OUKEY
这段配置加到哪里?
2021-05-22
共2条回复

Vue3.0+TS打造企业级组件库 前端中高级开发者必修课

深度匹配高级前端工程师用人需求 打造属于你自己的开源项目

1310 学习 · 250 问题

查看课程