Слияние кода завершено, страница обновится автоматически
Расширения для Visual Studio Code, рекомендуемые для работы с JavaScript, HTML, CSS, Vue и React
Ссылка: https://github.com/masx200/excellent-vscode-extensions-for-javascript
Рекомендации по отличным расширениям для Visual Studio Code (VS Code) для программирования на JavaScript, HTML, CSS, Vue и React, а также рекомендуемые настройки VS Code и конфигурация ESLint.
Рекомендуемые настройки VS Code
Настройка settings.json:
{
"workbench.iconTheme": "Material Color",
"workbench.colorTheme": "Material Color",
"editor.formatOnSave": true,
"editor.fontWeight": "bold",
"editor.wordWrap": "bounded"
}
Включение ESLint
module.exports = {
env: {
browser: true,
es6: true,
node: true,
worker: true,
commonjs: true,
amd: true
},
extends: "eslint:recommended",
globals: {
Atomics: "readonly",
SharedArrayBuffer: "readonly"
},
parserOptions: {
ecmaVersion: 2019,
sourceType: "module",
ecmaFeatures: {
jsx: true
}
},
rules: {}
};
{
"env": {
"browser": true,
"es6": true,
"node": true,
"worker": true,
"commonjs": true,
"amd": true
},
"extends": "eslint:recommended",
"globals": {
"Atomics": "readonly",
"SharedArrayBuffer": "readonly"
},
"parserOptions": {
"ecmaVersion": 2019,
"sourceType": "module",
"ecmaFeatures": {
"jsx": true
}
},
"rules": {}
}
Конфигурация ESLint для Vue.js: https://github.com/masx200/excellent-vscode-extensions-for-javascript/blob/master/vue.eslintrc.json
Конфигурация ESLint для React.js: https://github.com/masx200/excellent-vscode-extensions-for-javascript/blob/master/react.eslintrc.json
Конфигурация ESLint для TypeScript: https://github.com/masx200/excellent-vscode-extensions-for-javascript/blob/master/tsconfig.json https://github.com/masx200/excellent-vscode-extensions-for-javascript/blob/master/typescript.eslintrc.json https://github.com/masx200/excellent-vscode-extensions-for-javascript/blob/master/rollup.config.js
Полное решение проблемы медленной установки yarn «Building fresh packages»
yarn config set registry https://registry.npm.taobao.org
yarn config set sass_binary_site https://npm.taobao.org/mirrors/node-sass/
yarn config set phantomjs_cdnurl http://cnpmjs.org/downloads
yarn config set electron_mirror https://npm.taobao.org/mirrors/electron/
yarn config set profiler_binary_host_mirror http://npm.taobao.org/mirrors/node-inspector/
Рекомендуемая конфигурация rollup+TypeScript
https://github.com/masx200/excellent-vscode-extensions-for-javascript/blob/master/rollup.config.js
Синхронизация настроек VS Code
Название: Settings Sync
id: shan.code-settings-sync
Описание: Synchronize Settings, Snippets, Themes, File Icons, Launch, Keybindings, Workspaces and Extensions Across Multiple Machines Using GitHub Gist.
Версия: 3.3.1
Издатель: Shan Khan
Ссылка на VS Marketplace: https://marketplace.visualstudio.com/items?itemName=Shan.code-settings-sync
Отличные расширения для VS Code, рекомендованные для программирования JavaScript/HTML/CSS/Vue/React
Название: ESLint
id: dbaeumer.vscode-eslint
Описание: Integrates ESLint JavaScript into VS Code.
Версия: 1.9.0
Издатель: Dirk Baeumer
Ссылка на VS Marketplace: https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint
Название: Beautify
id: hookyqr.beautify
Описание: Beautify code in place for VS Code
Версия: 1.5.0
Издатель: HookyQR
Ссылка на VS Marketplace:
https://marketplace.visualstudio.com/items?itemName=HookyQR.beautify
Название: Bracket Pair Colorizer 2
id: coenraads.bracket-pair-colorizer-2
Описание: A customizable extension for colorizing matching brackets
Версия: 0.0.28
Издатель: CoenraadS
Ссылка на VS Marketplace:
https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer-2
Название: Chinese (Simplified) Language Pack for Visual Studio Code
id: ms-ceintl.vscode-language-pack-zh-hans
Описание: Language pack extension for Chinese (Simplified)
Версия: 1.35.1
Издатель: Microsoft
Ссылка на VS Marketplace:
https://marketplace.visualstudio.com/items?itemName=MS-CEINTL.vscode-language-pack-zh-hans
Название: ES7 React/Redux/GraphQL/React-Native snippets
id: dsznajder.es7-react-js-snippets
Описание: Simple extensions for React, Redux and Graphql in JS/TS with ES7 syntax
Версия: 2.3.0
Разработчик: dsznajder
VS Marketplace ссылка:
https://marketplace.visualstudio.com/items?itemName=dsznajder.es7-react-js-snippets
Название: Material Color
Идентификатор: guobing.material-color
Описание: material syntax highlighting
Версия: 1.1.0
Разработчик: guobing
VS Marketplace ссылка:
https://marketplace.visualstudio.com/items?itemName=guobing.material-color
Название: Minify
Идентификатор: hookyqr.minify
Описание: Minify для VS Code.
Minify с помощью команды и (опционально) повторно minify при сохранении.
Версия: 0.4.3
Разработчик: HookyQR
VS Marketplace ссылка:
https://marketplace.visualstudio.com/items?itemName=HookyQR.minify
Название: npm
Идентификатор: fknop.vscode-npm
Описание: команды npm для VSCode
Версия: 3.3.0
Разработчик: Florian Knop
VS Marketplace ссылка:
https://marketplace.visualstudio.com/items?itemName=fknop.vscode-npm
Название: npm
Идентификатор: eg2.vscode-npm-script
Описание: поддержка npm для VS Code
Версия: 0.3.7
Разработчик: egamma
VS Marketplace ссылка:
https://marketplace.visualstudio.com/items?itemName=eg2.vscode-npm-script
Название: NPM-Scripts
Идентификатор: trabpukcip.vscode-npm-scripts
Описание: просмотр и запуск скриптов NPM на боковой панели.
Версия: 0.2.1
Разработчик: traBpUkciP
VS Marketplace ссылка:
https://marketplace.visualstudio.com/items?itemName=traBpUkciP.vscode-npm-scripts
Название: PowerShell
Идентификатор: ms-vscode.powershell
Описание: разработка скриптов PowerShell в Visual Studio Code!
Версия: 2019.5.0
Разработчик: Microsoft
VS Marketplace ссылка:
https://marketplace.visualstudio.com/items?itemName=ms-vscode.PowerShell
Название: Prettier — Code formatter
Идентификатор: esbenp.prettier-vscode
Описание: плагин VS Code для prettier/prettier
Версия: 1.9.0
Разработчик: Esben Petersen
VS Marketplace ссылка:
https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode
Название: Sass
Идентификатор: robinbentley.sass-indented
Описание: выделение синтаксиса, автозаполнение и фрагменты кода для Sass с отступом
Версия: 1.5.1
Разработчик: Robin Bentley
VS Marketplace ссылка:
https://marketplace.visualstudio.com/items?itemName=robinbentley.sass-indented
Название: Vetur
Идентификатор: octref.vetur
Описание: инструменты Vue для VS Code
Версия: 0.21.0
Разработчик: Pine Wu
VS Marketplace ссылка:
https://marketplace.visualstudio.com/items?itemName=octref.vetur
Название: vscode-icons
Идентификатор: vscode-icons-team.vscode-icons
Описание: иконки для Visual Studio Code
Версия: 8.8.0
Разработчик: VSCode Icons Team
VS Marketplace ссылка:
https://marketplace.visualstudio.com/items?itemName=vscode-icons-team.vscode-icons
Название: vue
Идентификатор: jcbuisson.vue
Описание: подсветка синтаксиса для Vue.js
Версия: 0.1.5
Разработчик: jcbuisson
VS Marketplace ссылка:
https://marketplace.visualstudio.com/items?itemName=jcbuisson.vue
Название: Vue 2 Snippets
Идентификатор: hollowtree.vue-snippets
Описание: расширение Vue.js 2
Версия: 0.1.11
Разработчик: hollowtree
VS Marketplace ссылка:
https://marketplace.visualstudio.com/items?itemName=hollowtree.vue-snippets
Название: Vue Inline Template
Идентификатор: faisalhakim47.vue-inline-template
Описание: подсветка синтаксиса для встроенного шаблона vue внутри JavaScript и TypeScript с тегами шаблонных строк
Версия: 1.0.1
Разработчик: Faisal Hakim
VS Marketplace ссылка:
https://marketplace.visualstudio.com/items?itemName=faisalhakim47.vue-inline-template
Название: Vue VSCode Snippets
Идентификатор: sdras.vue-vscode-snippets
Описание: фрагменты кода, которые улучшат ваш рабочий процесс Vue
Версия: 1.7.1
Разработчик: sarah.drasner
VS Marketplace ссылка:
https://marketplace.visualstudio.com/items?itemName=sdras.vue-vscode-snippets
Название: vue-format
Идентификатор: fe_bean.vue-format
Описание: средство форматирования для .vue файла
Версия: 0.1.6
Разработчик: fe_bean
VS Marketplace ссылка:
https://marketplace.visualstudio.com/items?itemName=fe_bean.vue-format
Название: XML Format
Идентификатор: mikeburgh.xml-format
Описание: форматирование документов XML
Версия: 1.0.2
Разработчик: Mike Burgh
VS Marketplace ссылка:
https://marketplace.visualstudio.com/items?itemName=mikeburgh.xml-format
Название: XML Formatter
Идентификатор: fabianlauer.vs-code-xml-format
Описание: простой форматтер XML для VS Code.
Версия: 0.1.5
Разработчик: Fabian Lauer
VS Marketplace ссылка:
https://marketplace.visualstudio.com/items?itemName=fabianlauer.vs-code-xml-format
Название: XML Tools
Идентификатор: dotjoshjohnson.xml
Описание: средства форматирования, XQuery и XPath для Visual Studio Code
Версия: 2.5.0
Разработчик: Josh Johnson
VS Marketplace ссылка:
https://marketplace.visualstudio.com/items?itemName=DotJoshJohnson.xml
Название: yarn
Идентификатор: gamunu.vscode-yarn
Описание: команды yarn Версия: 1.6.0
Издатель: Gamunu Balagalla
Ссылка на VS Marketplace:
https://marketplace.visualstudio.com/items?itemName=gamunu.vscode-yarn
Название: yarn Script Runner
Идентификатор: carlosjs23.vscode-yarn-script
Описание: запуск скриптов yarn из палитры команд.
Версия: 0.0.1
Издатель: carlosjs23
Ссылка на VS Marketplace:
https://marketplace.visualstudio.com/items?itemName=carlosjs23.vscode-yarn-script
Вы можете оставить комментарий после Вход в систему
Неприемлемый контент может быть отображен здесь и не будет показан на странице. Вы можете проверить и изменить его с помощью соответствующей функции редактирования.
Если вы подтверждаете, что содержание не содержит непристойной лексики/перенаправления на рекламу/насилия/вульгарной порнографии/нарушений/пиратства/ложного/незначительного или незаконного контента, связанного с национальными законами и предписаниями, вы можете нажать «Отправить» для подачи апелляции, и мы обработаем ее как можно скорее.
Комментарии ( 0 )