Skip to content

Domovikx/Visual-Studio-Code

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

39 Commits
 
 

Repository files navigation

Visual Studio Code (vs code) for Angular


Visual Studio Code (vs code) настройка и плагины для обычной верстки

Visual Studio Code - https://code.visualstudio.com/download

ставлю сейчас:

примечение:

  • В Ubuntu, да и в других дистрибутивах Java поставляется в двух редакциях:
    JDK или Java Development Kit - содержит полную версию Java, необходимую для разработки на этом языке;
    JRE или Java Runtime Environment - содержит только окружение для выполнения программ.
    https://losst.ru/ustanovka-java-v-ubuntu-18-04
    Для установки JRE в Ubuntu выполните:
$ sudo apt install openjdk-8-jre

плагины:

  1. Auto Close Tag - Автоматически добавлять закрывающий тег HTML / XML, так же, как Visual Studio IDE или Sublime Text.
  2. Auto Complete Tag - Пакеты расширений для автоматического добавления закрытого тэга и переименования парного тега для HTML/XML
  3. Auto Rename Tag - Автоматически переименовывает парный тег HTML / XML, так же, как это делает Visual Studio IDE
  4. Beautify - Beautify javascript, JSON, CSS, Sass, and HTML in Visual Studio Code.
  5. Bracket Pair Colorizer - This extension allows matching brackets to be identified with colours. The user can define which characters to match, and which colours to use.
  6. Code Runner - Run C, C++, Java, JS, PHP, Python, Perl, Ruby, Go, Lua, Groovy, PowerShell, CMD, BASH, F#, C#, VBScript, TypeScript, CoffeeScript, Scala, Swift, Julia, Crystal, OCaml, R, AppleScript, Elixir, VB.NET, Clojure, Haxe, Obj-C, Rust, Racket, Scheme, AutoHotkey, AutoIt, Kotlin, Dart, Pascal, Haskell, Nim, Trouble Installing?
  7. Code Spell Checker - A basic spell checker that works well with camelCase code. The goal of this spell checker is to help catch common spelling errors while keeping the number of false positives low.
  8. CSS Formatter - Это расширение добавляет форматирование в CSS
  9. EditorConfig for VS Code - This plugin attempts to override user/workspace settings with settings found in .editorconfig files. No additional or vscode-specific files are required. As with any EditorConfig plugin, if root=true is not specified, EditorConfig will continue to look for an .editorconfig file outside of the project.
  10. ESLint - Интегрирует ESLint JavaScript в VS Code
  11. HTML CSS Support - Поддержка CSS для документов HTML
  12. IntelliSense for CSS class names in HTML - Завершение имени класса CSS для атрибута класса HTML на основе определений, найденных в вашем рабочем пространстве
  13. JavaScript (ES6) code snippets -
    Фрагменты кода для JavaScript в синтаксисе ES6
    clg→ console log console.log(object)
    clo→ console log object with name console.log('object :', object)
  14. JS Refactor - JS Refactor is the Javascript automated refactoring tool for Visual Studio Code, built to smooth and streamline your development experience.
  15. Live Server - Запустите локальный сервер разработки с возможностью оперативной перезагрузки для статических и динамических страниц.
  16. Log Wrapper - Распечатывает команду отладки для выбранного кода и языка
    Нажав Ctrl + Shift + Q, вы можете распечатать сообщение журнала для разных языков, отформатированных, разборчивых и с отступом.
  17. VScode-icons - Иконки для кода Visual Studio
  18. EditorConfig for VS Code

SCSS

    "liveSassCompile.settings.formats":[
        {
            "format": "expanded",
            "extensionName": ".css",
            "savePath": null
        },
        {
            "format": "compressed",
            "extensionName": ".min.css",
            "savePath": "/dist/css"
        },
        {
            "format": "compressed",
            "extensionName": ".min.css",
            "savePath": "~/../css/"
        }
    ]

Markdown

  1. Markdown All in One
  2. Markdown Preview Enhanced

дополнения для chrome:

  1. PerfectPixel by WellDoneCode - Это расширение помогает Вам разрабатывать сайт с попиксельной точностью
  2. Page Ruler - Нарисовать линейку, чтобы получить пиксельные размеры и позиционирование, и измерить элементы на любой веб-странице
  3. ImTranslator: Переводчик, Словарь, Голос - ImTranslator выполняет перевод выделенного текста (5,000 знаков), слов (Dictionary), фраз и веб-страниц на 91 языке, используя 3 разных переводчика (Google, Microsoft Bing, Translator)
  4. Google Переводчик - С помощью этого расширения, разработанного командой Google Переводчика, можно быстро переводить веб-страницы
  5. Joxi Сделай скриншот экрана - Быстрое приложение для скриншотов в браузере. Со скроллом страницы
  6. Eye Dropper - Eye Dropper - это расширение с открытым исходным кодом, которое позволяет выбирать цвета на веб-страницах, в палитре цветов и в личной истории цветов
  7. Reverso Context - Перевод слов и фраз в контексте ваших веб-страниц (включая PDF, субтитры Netflix, Amazon Primevideo, YouTube и TED Talks) на английском, французском, испанском, итальянском и еще 7 языках. Просто кликните на слово, чтобы посмотреть его перевод в контексте читаемого текста (словосечения и фразы, которые его содержат).

ubuntu

git

old

different

About

visual code настройка, visual code плагины

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published