代码格式化

待我称王封你为后i 2023-03-13 15:24 74阅读 0赞

通过下面的方式，大家的代码风格，在按下保存时，将会保持为一致。

相关文件在 附件 https://download.csdn.net/download/qq_40792800/12424000

1，安装插件：cnpm i prettier eslint-config-prettier eslint-plugin-prettier -D

2, 把 .vsocde .prettierrc .eslintrc.js 文件夹放在项目的根目录

mac下.开头的文件看不见 终端执行

也可以使用 common+shift+. 

  1. defaults write com.apple.finder AppleShowAllFiles -boolean true;killall Finder

3,清空个人的格式化配置，避免影响到工作区的配置

打开设置

image.png

找到用户设置的json文件

image.png

清空settings.json文件

image.png

当然，如果你来点个性化配置也可以加一点，

eg:字体调整大小：

  1. {
  2.     "editor.fontSize": 18
  3. }

4，安装vscode插件：

ESLint，Prettier - Code formatter，Vetur

5.注意事项

a, 有些项目可能在package.json文件配置了 eslint规则 需要删除 eslintConfig 字段。

b,.vscode文件夹，需要提交到Git仓库，避免大家的不一致。需要在.gitignore文件去掉.vscode字段

c, 屏蔽项目中的全局变量报错可以在 .eslintrc.js，添加需要屏蔽的变量

eg:

  1. globals: {
  2.     OnlineChatModule: true,
  3.     ryssdk: true
  4.   },

6，在package.json添加一键格式化所有代码的脚本 

  1. "prettier": "prettier --config ./.prettierrc --write \"./**/*.{js,jsx,vue}\" "

并执行 npm run prettier

发表评论

表情：
评论列表 （有 0 条评论，74人围观）

还没有评论，来说两句吧...

相关阅读

    相关 eclispe代码格式化

    eclispe代码格式化 文件保存行为（对于新项目可以设置这个） 文件保存行为（对于新项目可以设置这个） ![在这里插入图片描述][watermark_ty

    红太狼红太狼/ 0 赞/ 514 阅读