Loading... # vscode配置备份 ## 插件 **Auto Close Tag 自动闭合 </> 标签** **Beautify css/sass/scss/less 美化css/sass/scss/less** **Code Runner 启动node服务，运行js** **Error Lens 提示错误信息** **ESLint 格式化代码** **HTML CSS Support HTML、CSS提示** **JavaScript (ES6) code snippets**`v1.` es6语法提示 **Live Server 启动serve服务，实时修改查看** **open in browser 打开html文件** **PHP Debug** **PHP Intelephense**`v1.8.2` php语法提示 **PHP Server 启动 PHP serve服务** **Prettier - Code formatter 格式化代码** **Vetur Vue 语法提示** **vscode-icons-mac 图标美化** **Vue 3 Snippets Vue3语法提示** **jQuery Code Snippets JQuery语法提示** ## settings.json ``` { "prettier.configPath": "C:\\Users\\xiaox\\.prettierrc", // 哔哩哔哩柴柴react "extensions.ignoreRecommendations": false, "files.exclude": { "**/.DS_Store": true, "**/.git": true, "**/.hg": true, "**/.svn": true, "**/CVS": true, "**/node_modules": false, "**/tmp": true }, "explorer.confirmDragAndDrop": false, "typescript.updateImportsOnFileMove.enabled": "prompt", "git.confirmSync": false, "editor.tabCompletion": "on", "vsicons.projectDetection.autoReload": true, "debug.console.fontSize": 14, "vsicons.dontShowNewVersionMessage": true, "editor.minimap.enabled": true, "emmet.extensionsPath": [ "" ], // vue eslint start 保存时自动格式化代码 "editor.formatOnSave": true, // eslint配置项，保存时自动修复错误 "editor.codeActionsOnSave": { "source.fixAll": true }, // 让vetur使用vs自带的js格式化工具 // uni-app和vue 项目使用 "vetur.format.defaultFormatter.js": "vscode-typescript", "javascript.format.semicolons": "remove", // 默认使用prettier格式化支持的文件 "editor.defaultFormatter": "esbenp.prettier-vscode", "prettier.jsxBracketSameLine": true, // 函数前面加个空格 "javascript.format.insertSpaceBeforeFunctionParenthesis": true, "prettier.singleQuote": true, "prettier.semi": false, // eslint end // react // 当按tab键的时候，会自动提示 "emmet.triggerExpansionOnTab": true, "emmet.showAbbreviationSuggestions": true, "emmet.includeLanguages": { // jsx的提示 "javascript": "javascriptreact", "vue-html": "html", "vue": "html", "wxml": "html" }, // end // @路径提示 "path-intellisense.mappings": { "@": "${workspaceRoot}/src" }, "git.ignoreMissingGitWarning": true, // 黑马 // // eslint配置 // "editor.codeActionsOnSave": { // "source.fixAll": true, // }, // // preattier // "eslint.alwaysShowStatus": true, // "prettier.trailingComma": "none", // "prettier.semi": false, // // 每行文字个数超出限制被迫换行 // "prettier.printWidth": 300, // // ESLint ts检查 // // "eslint.validate": [ // // "javascript", // // "javascriptreact", // // "typescript" // // ], // // "typescript.tsdk": "node_modules/typescript/lib", // // 设置 .vue 文件中 HTML代码格式化插件 // "vetur.format.defaultFormatter.html": "js-beautify-html", // "vetur.format.defaultFormatterOptions": { // "prettier": { // "trailingComma": "none", // "semi": "false", // "singleQuote": true, // "arrowParens": "avoid", // "printWidth": 300, // }, // "js-beautify-html": { // "wrap_attributes": false // } // }, "[html]": { "editor.defaultFormatter": "vscode.html-language-features" }, "security.workspace.trust.untrustedFiles": "open", "explorer.confirmDelete": false, "files.autoSave": "onWindowChange", "[javascript]": { "editor.defaultFormatter": "vscode.typescript-language-features" }, "workbench.editor.enablePreview": false, "liveServer.settings.donotShowInfoMsg": true, "php.executablePath": "D:/phpstudy_pro/Extensions/php/php7.3.4nts/php.exe", "php.validate.executablePath": "D:/phpstudy_pro/Extensions/php/php7.3.4nts/php.exe", "phpserver.phpPath": "D:/phpstudy_pro/Extensions/php/php7.3.4nts/php.exe", "phpserver.phpConfigPath": "D:/phpstudy_pro/Extensions/php/php7.3.4nts/php.ini", "workbench.editor.untitled.hint": "hidden", "workbench.iconTheme": "vscode-icons-mac", "[vue]": { "editor.defaultFormatter": "octref.vetur" }, "files.associations": { "*.vue": "vue", "*.js": "javascript", "*.json": "jsonc", "*.cjson": "jsonc", "*.wxss": "css", "*.wxs": "javascript" }, "vetur.ignoreProjectWarning": true, "bracketPairColorizer.depreciation-notice": false, "json.maxItemsComputed": 20000, "diffEditor.ignoreTrimWhitespace": false, "editor.maxTokenizationLineLength": 20000000000, "liveServer.settings.donotVerifyTags": true, "workbench.startupEditor": "none", "editor.tabSize": 2, "[css]": { "editor.defaultFormatter": "michelemelluso.code-beautifier" }, "[typescript]": { "editor.defaultFormatter": "esbenp.prettier-vscode" }, "javascript.updateImportsOnFileMove.enabled": "always", "liveServer.settings.port": 0, "[less]": { "editor.defaultFormatter": "esbenp.prettier-vscode" }, "[json]": { "editor.defaultFormatter": "esbenp.prettier-vscode" }, "liveServer.settings.AdvanceCustomBrowserCmdLine": "", "[jsonc]": { "editor.defaultFormatter": "vscode.json-language-features" }, "[php]": { "editor.defaultFormatter": "bmewburn.vscode-intelephense-client" }, } ``` ## .prettierrc ``` { "semi": false, "singleQuote": true, "printWidth": 300 } ``` 猜你想看 ES6箭头函数this指向 PHP获取用户的真实ip地址 分享一个开源的字体分片工具 求助帖！关于axios跨域的问题 - 已解决 给你的博客添加每日60秒读懂世界 PHP面向对象编程 开学啦 react学习-表单处理（四） PHP发送TCP和UDP请求 jQuery事件 最后修改：2022 年 09 月 12 日 © 允许规范转载 赞 0 如果觉得我的文章对你有用，请随意赞赏
