赞
踩
目录
javascript
语法检查和代码规范设置Settings → 插件Extensions → JOSN → Edit in settings.json
输入以下配置代码,即可完成配置。代码源于:VS Code配置自动格式化,统一代码规范
(我学习用 VS Code 写前端没几天,所以一开始没找到代码填入的位置,所以就在这篇文章的基础上加上了具体的位置,希望给和我一样的新手菜鸟们帮助。)
- {
- // 使用vscode-icons主题
- "workbench.iconTheme": "vscode-icons",
- // 每次保存的时候将代码按格式进行修复
- "editor.formatOnSave": true,
- "editor.codeActionsOnSave": {
- "source.fixAll": true
- },
- "eslint.validate": ["javascript", "javascriptreact", "vue"],
- "[javascript]": {
- "editor.defaultFormatter": "esbenp.prettier-vscode"
- },
- "[vue]": {
- "editor.defaultFormatter": "octref.vetur"
- },
- "[jsonc]": {
- "editor.defaultFormatter": "esbenp.prettier-vscode"
- },
- "[html]": {
- "editor.defaultFormatter": "esbenp.prettier-vscode"
- },
- "[css]": {
- "editor.defaultFormatter": "esbenp.prettier-vscode"
- },
- // 默认使用prettier格式化支持的文件
- "vetur.format.defaultFormatter.js": "prettier",
- "vetur.format.defaultFormatter.html": "prettyhtml",
- "vetur.format.defaultFormatterOptions": {
- "prettier": {
- // 结尾无分号
- "semi": false,
- // 超过140个字符换行
- "printWidth": 140,
- // 使用单引号
- "singleQuote": true,
- // 无尾随逗号
- "trailingComma": "none",
- // 箭头函数单个参数不加分号
- "arrowParens": "avoid"
- },
- "prettyhtml": {
- "printWidth": 140
- }
- },
- // 同上prettier格式化代码
- "prettier.semi": false,
- "prettier.printWidth": 140,
- "prettier.trailingComma": "none",
- "prettier.singleQuote": true,
- "prettier.arrowParens": "avoid",
- "files.associations": {
- "*.cjson": "jsonc",
- "*.wxss": "css",
- "*.wxs": "javascript"
- },
- // 指定wxml的格式化
- "minapp-vscode.wxmlFormatter": "prettyHtml",
- "minapp-vscode.disableAutoConfig": true,
- "json.schemas": [
-
- ]
- }

最后实现效果:
编码时,变量之间空格,排版等问题没有注意:
Ctrl+S 保存后,代码会自动调整为:
javascript
细节调整
Copyright © 2003-2013 www.wpsshop.cn 版权所有,并保留所有权利。