{"id":19168287,"url":"https://github.com/masx200/excellent-vscode-extensions-for-javascript","last_synced_at":"2025-02-22T23:26:54.467Z","repository":{"id":103391563,"uuid":"193804220","full_name":"masx200/excellent-vscode-extensions-for-javascript","owner":"masx200","description":"excellent-vscode-extensions-for-javascript  适合于javascript/html/css/vue/react编程的vscode的优秀扩展推荐和vscode 的推荐设置，附送eslint和rollup配置文件","archived":false,"fork":false,"pushed_at":"2020-08-25T09:15:35.000Z","size":55,"stargazers_count":1,"open_issues_count":0,"forks_count":1,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-01-03T23:15:02.792Z","etag":null,"topics":["marketplace","snippets","vscode","vscode-eslint","vscode-extensions"],"latest_commit_sha":null,"homepage":"https://masx200.github.io/excellent-vscode-extensions-for-javascript/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"gpl-3.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/masx200.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2019-06-26T00:57:32.000Z","updated_at":"2020-09-11T09:09:47.000Z","dependencies_parsed_at":null,"dependency_job_id":"d9a3dbc1-ce91-4a10-a28a-1db4a2dda5b9","html_url":"https://github.com/masx200/excellent-vscode-extensions-for-javascript","commit_stats":null,"previous_names":[],"tags_count":2,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/masx200%2Fexcellent-vscode-extensions-for-javascript","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/masx200%2Fexcellent-vscode-extensions-for-javascript/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/masx200%2Fexcellent-vscode-extensions-for-javascript/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/masx200%2Fexcellent-vscode-extensions-for-javascript/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/masx200","download_url":"https://codeload.github.com/masx200/excellent-vscode-extensions-for-javascript/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":240249010,"owners_count":19771594,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["marketplace","snippets","vscode","vscode-eslint","vscode-extensions"],"created_at":"2024-11-09T09:42:06.204Z","updated_at":"2025-02-22T23:26:54.449Z","avatar_url":"https://github.com/masx200.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# excellent-vscode-extensions-for-javascript\n\nhttps://github.com/masx200/excellent-vscode-extensions-for-javascript\n\n适合于`javascript/html/css/vue/react`编程的 `vscode` 的优秀扩展推荐和 `vscode` 的推荐设置,以及`eslint`配置文件\n\n# vscode 的推荐设置\n\n设置 `settings.json`\n\n```json\n{\n    \"workbench.iconTheme\": \"Material Color\",\n    \"workbench.colorTheme\": \"Material Color\",\n    \"editor.formatOnSave\": true,\n    \"editor.fontWeight\": \"bold\",\n    \"editor.wordWrap\": \"bounded\"\n}\n```\n\n# 开启 eslint\n\n## 设置`.eslintrc.js`\n\n```javascript\nmodule.exports = {\n    env: {\n        browser: true,\n        es6: true,\n        node: true,\n        worker: true,\n        commonjs: true,\n        amd: true\n    },\n    extends: \"eslint:recommended\",\n    globals: {\n        Atomics: \"readonly\",\n        SharedArrayBuffer: \"readonly\"\n    },\n    parserOptions: {\n        ecmaVersion: 2019,\n        sourceType: \"module\",\n        ecmaFeatures: {\n            jsx: true\n        }\n    },\n    rules: {}\n};\n```\n\n## 设置`.eslintrc.json`\n\n```json\n{\n    \"env\": {\n        \"browser\": true,\n        \"es6\": true,\n        \"node\": true,\n        \"worker\": true,\n        \"commonjs\": true,\n        \"amd\": true\n    },\n    \"extends\": \"eslint:recommended\",\n    \"globals\": {\n        \"Atomics\": \"readonly\",\n        \"SharedArrayBuffer\": \"readonly\"\n    },\n    \"parserOptions\": {\n        \"ecmaVersion\": 2019,\n        \"sourceType\": \"module\",\n        \"ecmaFeatures\": {\n            \"jsx\": true\n        }\n    },\n    \"rules\": {}\n}\n```\n\n## 适用于 `vue.js`的`ESlint`配置文件\n\nhttps://github.com/masx200/excellent-vscode-extensions-for-javascript/blob/master/vue.eslintrc.json\n\n## 适用于 `react.js`的`ESlint`配置文件\n\nhttps://github.com/masx200/excellent-vscode-extensions-for-javascript/blob/master/react.eslintrc.json\n\n## 适用于 `typescript`的`ESlint`配置文件\n\nhttps://github.com/masx200/excellent-vscode-extensions-for-javascript/blob/master/tsconfig.json\n\nhttps://github.com/masx200/excellent-vscode-extensions-for-javascript/blob/master/typescript.eslintrc.json\n\nhttps://github.com/masx200/excellent-vscode-extensions-for-javascript/blob/master/rollup.config.js\n\n# 彻底解决 `yarn` 安装慢 `Building fresh packages`的问题\n\n```powershell\nyarn config set registry  https://registry.npm.taobao.org\nyarn config set sass_binary_site https://npm.taobao.org/mirrors/node-sass/\nyarn config set phantomjs_cdnurl http://cnpmjs.org/downloads\nyarn config set electron_mirror https://npm.taobao.org/mirrors/electron/\nyarn config set profiler_binary_host_mirror http://npm.taobao.org/mirrors/node-inspector/\n```\n\n# 推荐的 rollup+typescript 配置文件\n\nhttps://github.com/masx200/excellent-vscode-extensions-for-javascript/blob/master/rollup.config.js\n\n# 同步 vscode 设置\n\n名称: Settings Sync\n\nid: shan.code-settings-sync\n\n说明: Synchronize Settings, Snippets, Themes, File Icons, Launch, Keybindings, Workspaces and Extensions Across Multiple Machines Using GitHub Gist.\n\n版本: 3.3.1\n\n发布者: Shan Khan\n\nVS Marketplace 链接: https://marketplace.visualstudio.com/items?itemName=Shan.code-settings-sync\n\n# 适合于 javascript/html/css/vue/react 编程的 vscode 的优秀扩展推荐\n\n名称: ESLint\n\nid: dbaeumer.vscode-eslint\n\n说明: Integrates ESLint JavaScript into VS Code.\n\n版本: 1.9.0\n\n发布者: Dirk Baeumer\n\nVS Marketplace 链接: https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint\n\n名称: Beautify\n\nid: hookyqr.beautify\n\n说明: Beautify code in place for VS Code\n\n版本: 1.5.0\n\n发布者: HookyQR\n\nVS Marketplace 链接:\n\nhttps://marketplace.visualstudio.com/items?itemName=HookyQR.beautify\n\n名称: Bracket Pair Colorizer 2\n\nid: coenraads.bracket-pair-colorizer-2\n\n说明: A customizable extension for colorizing matching brackets\n\n版本: 0.0.28\n\n发布者: CoenraadS\n\nVS Marketplace 链接:\n\nhttps://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer-2\n\n名称: Chinese (Simplified) Language Pack for Visual Studio Code\n\nid: ms-ceintl.vscode-language-pack-zh-hans\n\n说明: Language pack extension for Chinese (Simplified)\n\n版本: 1.35.1\n\n发布者: Microsoft\n\nVS Marketplace 链接:\n\nhttps://marketplace.visualstudio.com/items?itemName=MS-CEINTL.vscode-language-pack-zh-hans\n\n名称: ES7 React/Redux/GraphQL/React-Native snippets\n\nid: dsznajder.es7-react-js-snippets\n\n说明: Simple extensions for React, Redux and Graphql in JS/TS with ES7 syntax\n\n版本: 2.3.0\n\n发布者: dsznajder\n\nVS Marketplace 链接:\n\nhttps://marketplace.visualstudio.com/items?itemName=dsznajder.es7-react-js-snippets\n\n名称: Material Color\n\nid: guobing.material-color\n\n说明: material syntax highlighting\n\n版本: 1.1.0\n\n发布者: guobing\n\nVS Marketplace 链接:\n\nhttps://marketplace.visualstudio.com/items?itemName=guobing.material-color\n\n名称: Minify\n\nid: hookyqr.minify\n\n说明: Minify for VS Code.\n\nMinify with command, and (optionally) re-minify on save.\n\n版本: 0.4.3\n\n发布者: HookyQR\n\nVS Marketplace 链接:\n\nhttps://marketplace.visualstudio.com/items?itemName=HookyQR.minify\n\n名称: npm\n\nid: fknop.vscode-npm\n\n说明: npm commands for VSCode\n\n版本: 3.3.0\n\n发布者: Florian Knop\n\nVS Marketplace 链接:\n\nhttps://marketplace.visualstudio.com/items?itemName=fknop.vscode-npm\n\n名称: npm\n\nid: eg2.vscode-npm-script\n\n说明: npm support for VS Code\n\n版本: 0.3.7\n\n发布者: egamma\n\nVS Marketplace 链接:\n\nhttps://marketplace.visualstudio.com/items?itemName=eg2.vscode-npm-script\n\n名称: NPM-Scripts\n\nid: trabpukcip.vscode-npm-scripts\n\n说明: View and run NPM scripts in the sidebar.\n\n版本: 0.2.1\n\n发布者: traBpUkciP\n\nVS Marketplace 链接:\n\nhttps://marketplace.visualstudio.com/items?itemName=traBpUkciP.vscode-npm-scripts\n\n名称: PowerShell\n\nid: ms-vscode.powershell\n\n说明: Develop PowerShell scripts in Visual Studio Code!\n\n版本: 2019.5.0\n\n发布者: Microsoft\n\nVS Marketplace 链接:\n\nhttps://marketplace.visualstudio.com/items?itemName=ms-vscode.PowerShell\n\n名称: Prettier - Code formatter\n\nid: esbenp.prettier-vscode\n\n说明: VS Code plugin for prettier/prettier\n\n版本: 1.9.0\n\n发布者: Esben Petersen\n\nVS Marketplace 链接:\n\nhttps://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode\n\n名称: Sass\n\nid: robinbentley.sass-indented\n\n说明: Indented Sass syntax highlighting, autocomplete \u0026 snippets\n\n版本: 1.5.1\n\n发布者: Robin Bentley\n\nVS Marketplace 链接:\n\nhttps://marketplace.visualstudio.com/items?itemName=robinbentley.sass-indented\n\n名称: Vetur\n\nid: octref.vetur\n\n说明: Vue tooling for VS Code\n\n版本: 0.21.0\n\n发布者: Pine Wu\n\nVS Marketplace 链接:\n\nhttps://marketplace.visualstudio.com/items?itemName=octref.vetur\n\n名称: vscode-icons\n\nid: vscode-icons-team.vscode-icons\n\n说明: Icons for Visual Studio Code\n\n版本: 8.8.0\n\n发布者: VSCode Icons Team\n\nVS Marketplace 链接:\n\nhttps://marketplace.visualstudio.com/items?itemName=vscode-icons-team.vscode-icons\n\n名称: vue\n\nid: jcbuisson.vue\n\n说明: Syntax Highlight for Vue.js\n\n版本: 0.1.5\n\n发布者: jcbuisson\n\nVS Marketplace 链接:\n\nhttps://marketplace.visualstudio.com/items?itemName=jcbuisson.vue\n\n名称: Vue 2 Snippets\n\nid: hollowtree.vue-snippets\n\n说明: A Vue.js 2 Extension\n\n版本: 0.1.11\n\n发布者: hollowtree\n\nVS Marketplace 链接:\n\nhttps://marketplace.visualstudio.com/items?itemName=hollowtree.vue-snippets\n\n名称: Vue Inline Template\n\nid: faisalhakim47.vue-inline-template\n\n说明: Syntax highlighting for vue inline template inside of JavaScript and TypeScript tagged template strings\n\n版本: 1.0.1\n\n发布者: Faisal Hakim\n\nVS Marketplace 链接:\n\nhttps://marketplace.visualstudio.com/items?itemName=faisalhakim47.vue-inline-template\n\n名称: Vue VSCode Snippets\n\nid: sdras.vue-vscode-snippets\n\n说明: Snippets that will supercharge your Vue workflow\n\n版本: 1.7.1\n\n发布者: sarah.drasner\n\nVS Marketplace 链接:\n\nhttps://marketplace.visualstudio.com/items?itemName=sdras.vue-vscode-snippets\n\n名称: vue-format\n\nid: febean.vue-format\n\n说明: A beautify extension for .vue file\n\n版本: 0.1.6\n\n发布者: fe_bean\n\nVS Marketplace 链接:\n\nhttps://marketplace.visualstudio.com/items?itemName=febean.vue-format\n\n名称: XML Format\n\nid: mikeburgh.xml-format\n\n说明: Format XML documents\n\n版本: 1.0.2\n\n发布者: Mike Burgh\n\nVS Marketplace 链接:\n\nhttps://marketplace.visualstudio.com/items?itemName=mikeburgh.xml-format\n\n名称: XML Formatter\n\nid: fabianlauer.vs-code-xml-format\n\n说明: A simple XML formatter for VS Code.\n\n版本: 0.1.5\n\n发布者: Fabian Lauer\n\nVS Marketplace 链接:\n\nhttps://marketplace.visualstudio.com/items?itemName=fabianlauer.vs-code-xml-format\n\n名称: XML Tools\n\nid: dotjoshjohnson.xml\n\n说明: XML Formatting, XQuery, and XPath Tools for Visual Studio Code\n\n版本: 2.5.0\n\n发布者: Josh Johnson\n\nVS Marketplace 链接:\n\nhttps://marketplace.visualstudio.com/items?itemName=DotJoshJohnson.xml\n\n名称: yarn\n\nid: gamunu.vscode-yarn\n\n说明: yarn commands for VSCode\n\n版本: 1.6.0\n\n发布者: Gamunu Balagalla\n\nVS Marketplace 链接:\n\nhttps://marketplace.visualstudio.com/items?itemName=gamunu.vscode-yarn\n\n名称: yarn Script Runner\n\nid: carlosjs23.vscode-yarn-script\n\n说明: Run yarn scripts from the Command Palette\n\n版本: 0.0.1\n\n发布者: carlosjs23\n\nVS Marketplace 链接:\n\nhttps://marketplace.visualstudio.com/items?itemName=carlosjs23.vscode-yarn-script\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmasx200%2Fexcellent-vscode-extensions-for-javascript","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmasx200%2Fexcellent-vscode-extensions-for-javascript","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmasx200%2Fexcellent-vscode-extensions-for-javascript/lists"}