Sublime text расширения файлов
Projects group sets of files and folders to keep your work organized. They support project-specific settings and build systems and you can quickly switch between them to continue working where you left off.
Adding folders to a project is necessary for Goto Anything and project-wide Goto Definition.
There is always an active project, even if you haven't created or opened one. In this situation, you are working with an anonymous project, which has limited functionality. New windows always use an anonymous project when they first open.
Project metadata is stored in JSON files with a .sublime-project extension. Wherever there's a .sublime-project file, you will find an ancillary .sublime-workspace file too. The .sublime-workspace file contains session data that you should never edit. (More on workspaces later.)
Generally speaking, it's fine to commit .sublime-project files to a source code repository, but always be mindful of what you store in them.
Start with an anonymous project by opening a new window or closing any active project with the Project → Close Project menu.
You can add and remove folders to/from a project using the Project menu or the side bar's context menu. If you drag a folder onto a Sublime Text window, it will be added to the project too.
To save an anonymous project, go to Project → Save Project As. .
After the project is saved, you can edit it by hand to adjust further options.
Using the main menu, you can open or switch projects by selecting Projects → Open Recent, Projects → Switch Project… or Projects → Quick Switch Project….
When switching projects, Sublime Text will close the current project and open the specified one in the same window, When opening a project, Sublime Text will open a new window and open the selected project there.
Keyboard shortcuts related to projects:
Description | Shortcut |
---|---|
Quick Switch Project… | Ctrl + Alt + P |
The key binding was removed with build 3096 for Windows and must be added manually, if desired. In order to do this, add the following key binding to your user key bindings file:
Additionally, you can open a project from the command line by passing the .sublime-project file as an argument to the subl command line helper included with Sublime Text.
Along with more options for individual directories, projects can have specific build systems or settings overrides.
Projects - Reference Documentation on project file format and options.
binary_file_patterns A list of wildcards. Files matching these wildcards will show up in the side bar, but will be excluded from Goto Anything and Find in Files.
Workspaces hold session data associated with a project, which includes information about the opened files, pane layout, find history and more. A project can have multiple workspaces.
A common use case for workspaces is to work on different features within the same project, where each feature requires a different set of files to be open, and you want to switch between features quickly. In this case you'll want to have a second workspace available. Writing tests could be an example for this.
Workspaces behave very much like projects. To create a new workspace, select Project → New Workspace for Project. To save the active workspace, select Project → Save Workspace As. .
The workspace metadata is stored in JSON files with the .sublime-workspace extension, which you are not supposed to edit.
To switch between different workspaces, use Ctrl Alt P , exactly as you do with projects.
As with projects, you can open a workspace from the command line by passing the desired .sublime-workspace file as an argument to the subl command line helper included with Sublime Text.
Unlike .sublime-project files, .sublime-workspace files are not meant to be shared or edited manually. You should never commit .sublime-workspace files into a source code repository.
Не помню точно, что тогда сделал, но теперь при открытии css или less файлов автоматически ставится синтаксис Pascal. Не знаете, как это убрать? Редактор — Sublime Text 3.
Если нужно просто установить нужный синтаксис, первого способа достаточно, однако плагин добавляет множество возможностей, описанных в документации. Спасибо.
2. ApplySyntax
Многофункциональный плагин для работы с автоматическим определением синтаксисов. О прочих его возможностях я рассказал в других ответах.
Устанавливаем плагин через Package Control → Preferences → Package Settings → ApplySyntax → Settings - User → увидите правило "syntaxes": [] . В нём между [квадратными скобками] добавляем следующий код:
Не путайтесь в JSON-синтаксисе, следите за правильной расстановкой кавычек, скобок и запятых.
- extensions — расширение, которому мы настраиваем синтаксис,
- syntax — относительный путь к файлу синтаксиса после Packages и без расширения.
Дополнительные настройки
Дополнительно повысить восприятие кода и комфорт при работе с ним мне помогут следующие дополнительные настройки. Переходим Preferences – Settings. Открывается такое окно разделенное на две части. В левой части настройки по умолчанию, их изменить нельзя, а вот в правой части ты можешь эти настройки переназначить, каждая следующая должна идти через запятую. Вот какие настройки использую я:
Поясню каждую настройку.
Убирает странные отступы в программе между кодом и боковой панелью, что делает общую картину более компактной.
Выставляет размер шрифта по умолчанию.Также быстро изменить размер шрифта, работая с кодом, можно зажав контрол и покрутив колесо мыши.
Если ты вдруг размер изменил случайно, то сбросить его можно перейдя в Preferences – Font — Reset
Эти линии очень полезны для новичка, потому что визуально соединяют открывающий и закрывающий элемент, что существенно помогает в ориентации в коде.
Лично я отключаю их (false) по двум причинам. Первая — я уже не новичок и без них неплохо справляюсь, вторая причина — это следующая настройка.
Отображает невидимые табуляции и пробелы. То есть это не часть кода, а просто разметка для удобства работы. И вот, если включить и draw_indent_guides и draw_white_space то получатеся кашица которая лично меня напрягает. Что из этого использовать, а что нет — решать тебе.
Размер ширины линии отступа при нажатии Tab. Лично мне нравится 3й размер :)
Например мы работали работали, а потом неожиданно закрыли программу :) Бывает такое? У меня постоянно, так вот эта настройка включает «память» у Sublime и при следующем открытии программы откроются и все последние файлы. И да, память работает и после перезагрузки компа.
Внешний вид программы
Первым делом, после установки Sublime Text 3, я настраиваю внешний вид программы.
BracketHighliter
Цветовая схема
Далее настраиваю цветовую схему программы и кода, для наглядности открою любой файл, например, с HTML кодом. Для этого два раза кликаю на нужном файле. Теперь перехожу Preferences – Color Scheme, открывается окошко с установленными цветовыми решениями и при выборе той или иной темы внешний вид нашего кода и сама программа будут меняться.
Лично мне не подходит ни один из предустановленных вариантов, поэтому я устанавливаю дополнительную цветовую схему. Огромное их количество можно найти и ознакомиться на сайте с дополнениями к Sublime packagecontrol.io. Я уже знаю какую именно я схему хочу установить, что сейчас и сделаю.
Для того что устанавливать новые цветовые схемы, плагины и прочие дополнения, мне нужно сперва установить установщик этих дополнений. Звучит сложно, но на деле все гораздо проще.
Для этого опять вызываю Command Palette зажимая Ctrl+Shift+P, в поле поиска опять ввожу install пока не увижу пункт Package Control: Install Package (установить пакет дополнения) нажимаю на него. Немного подождав вижу окно со списком всех доступных дополнений к Sublime. Ну, почти всех.
Моя любимая цветовая схема установлена, ты конечно же можешь выбрать себе любую другую.
Общий вид программы мне больше нравится темный, поэтому перехожу Preferences – Theme, и переключаюсь на Adaptive.sublime-theme
Сочетание цветов очень важно для работы с кодом, так как это влияет не только на восприятие, но и на усталость и здоровье твоих глаз. Так что подбери себе цветовую схему так, чтобы тебя ничего в ней не напрягало. И помни про перерывы в работе!
Великий и могучий Emmet
Итак, что же умеет Emmet?
Перейдем в HTML файл и попробуем записать тег div с классом .block, для этого нам теперь достаточно поставить точку, написать "block" и нажать клавишу Tab. Мы получим:
Чтобы сделать более сложную запись, например в тег div с классом .block вставить тег span используем следующую запись:
Жмем клавишу Tab и получаем:
Но и это еще не все, мы можем создавать свои сниппеты, то есть шаблоны/заготовки.
Для этого перейдем Preferences – Package Settings – Emmet – Settings User. Здесь запишем следующее:
Теперь для того чтобы вызвать запись:
нам достаточно написать bl и нажать клавишу Tab
Подсветки синтаксиса
Конечной настройкой внешнего вида будет настройка подсветки синтаксиса. Слово страшное, однако на деле все просто.
Подсветки синтаксиса – это особое окрашивание цветом того или иного елемента в коде. Например, в этой цветовой схеме в HTML файле краcным выделен тег, зеленым — название класса, белым — текст и так далее. Это делает восприятие кода намного понятнее. Обрати внимание на правый нижний угол окна программы, в зависимости от того как кой файл у нас сейчас активен, CSS HTML JS и так далее происходит переключение отображения кода этого конкретного файла.
Зачем же тут что-то делать если все и так отлично работает? Дело в том что в начальном пакете Sublime установлены пакеты подсветки синтаксиса далеко не для всех форматов.
Например, в дальнейшем я планирую работать с файлами SCSS, открыв его я увижу сплошную простыню из набора белых символов. Не очень удобно, правда?
Так вот, в таких случаях я дополнительно устанавливаю нужный пакет.
Открываем наш привычный Commаnd Palette перейдя Tools – Command Palette, либо нажимаем Ctrl+Shift+P набираем install, жмем Install Package Control и ищем дополнение SCSS. Нажимаем на него, после установки мы можем переключить наше отображение на SCSS. Сейчас все выглядит симпатичнее, не так ли?
Настройка внешнего вида редактора важна, так как мы довольно длительное время проводим за написанием кода. Это влияет на нашу усталость, продуктивность, здоровье да и просто на настроение.
Следующее, что мы сделаем это установим ряд плагинов и дополнений. Их существует огромное количество, а я расскажу про основные, которые активно использую сам и которые в разы ускорят весь процесс верстки. Приступим!
3. Как определить путь к файлу синтаксиса
Обычно достаточно повторения компьютерного языка через слэш — Python/Python или PHP/PHP , — но иногда это не срабатывает.
Плагины
Разделение рабочего окна
Еще более улучшить восприятие кода и ускорить процесс верстки нам поможет разделение рабочего окна.
Поскольку практически всегда приходится работать с несколькими разными файлами, например index.html style.css и какой-то js файл, то дополнительным удобством будет разделение окна с кодом на секторы. Варинтов несколько. Переходим в View – Layout и смотрим что тут у нас есть.
Соответственно Single – это вид без разделений как сейчас, Columns: 2, 3, 4 это разбивка по вертикали. Например нажав на Columns: 2 наш экран с кодом разделится пополам, и мы можем часть файлов переместить в пустую колонку, например CSS слева HTML и JS справа, что делает работу более наглядной и быстрой.
Так же у нас есть варианты поделить экран по горизонтали это Rows: 2 и Rows: 3, нажав например на Rows: 3 получим три горизонтальных окна и можно перекинуть JS файл в третье окно. И последний вариант это Grid: 4 который делит экран пополам как по горизонтали, так и по вертикали. В результате получаются четыре окна. Обрати внимание, что переключаться между режимами можно и с помощью горячих клавиш Alt+Shift+ соответствующая цифра.
Так что у тебя есть широкий выбор по вкусу. Я чаще всего использую одно разделение по вертикали.
GotoCSSDeclaration
Плагин поможет нам с навигацией в коде. Устанавливаем ровно так же как и предыдущие плагины. Далее назначим горячие клавиши для работы с плагином для этого переходим Preferences – Key Bindings, и пишем следующий код
Где ["ctrl+1"] это и есть нужное сочетание клавиш. Сохраняем Cntr+S.
И вот как это работает. У нас должен быть открыт CSS и HTML файлы. CSS как правило очень большой и найти что-то быстро сложно, но это в прошлом. Например, нам нужно изменить CSS для класса content-mainpage кликаем на него мышкой и нажимаем ctrl+1. Вуаля, мы в нужном месте CSS файла.
Ну и для тех, кто дочитал до этого момента покажу еще один плагин, который установить не так просто, но он точно того стоит.
Зовут его Tag и установить нам придется его вручную. По этой ссылке можно скачать архив с плагином. Далее распаковываем в особую папку программы. Для Windows 10 это C:\Users\[Подставь свое имя пользователя]\AppData\Roaming\Sublime Text 3\Packages. Далее закрываем Sublime и открываем снова и добавляем горячие клавиши открыв Preferences – Key Bindings и дописав следующее:
Где ctrl+` это и есть наше сочетание клавиш.
Итак, для чего же мы проделали весь этот нелегкий путь? Как правило, в процессе написания, кода мы работаем сначала с HTML потом переносим названия классов в CSS и работаем уже там. Так вот этот перенос делать вручную давольно долго. И тут нам на помощь приходит плагин Tag. Сейчас нам достаточно выделить нужный HTML код, нажать наше сочетание клавиш ctrl+`
To fully understand the rest of this guide, you need to be familiar with the concepts presented on this page.
This guide is written from the perspective of a Windows user. Most instructions will only require trivial changes to work on other platforms.
Unless otherwise noted, relative paths (for example, Packages/User ) start at the Data Directory.
We assume default key bindings when indicating keyboard shortcuts. If you are using a non-US-English keyboard layout, some key bindings may not match your layout. This is due to the way Sublime Text processes key strokes internally.
Mastering Sublime Text requires time and practice. Luckily, it's built around a handful of concepts that make for a consistent system once all the pieces come together.
This guide will teach you how to use and configure Sublime Text.
Sublime Text is a versatile editor for programmers, but you don't need to be one in order to use it, and you don't need to configure it extensively to be productive – it's an efficient tool out of the box! Hackers, however, will appreciate all the customization and extensibility opportunities.
In the following paragraphs, we'll outline key aspects that you'll get familiar with after you've spent some time using the editor.
Nearly all of the interesting files for users live under the data directory. The data directory is a platform-dependent location:
- Windows: %APPDATA%\Sublime Text
- macOS: ~/Library/Application Support/Sublime Text
- Linux: ~/.config/sublime-text
If you're using the portable version (Windows only), look for Application/Data . Here, Application refers to the directory to which you've extracted the compressed portable files and where the executable resides.
Note that the Data directory only exists with that name in the portable version. In full installations, it is one of the locations indicated above.
This is a key directory located under the data directory. All resources for supported programming and markup languages are stored here.
(More on packages and resources later.)
You can access the packages directory from the main menu (Preferences → Browse Packages. ), by means of an API call ( sublime.packages_path() ), and by other means that will be explained in later topics.
In this guide, we refer to the packages folder as Packages, packages path, packages folder, or packages directory.
Packages/User is a catch-all directory for custom plugins, snippets, macros, etc. Consider it your personal area in the packages folder. Additionally, it will contain most of your personal application or plugin settings.
Updates to Sublime Text will never overwrite the contents of Packages/User .
This information is useful for programmers. Other users just need to know that Sublime Text enables users with programming skills to add their own features to the editor.
Sublime Text exposes its internals via an Application Programming Interface (API) that programmers can interact with using the Python programming language
Sublime Text and plugins push debug information to the console. To open the console, press Ctrl+` or select View → Show Console from the main menu.
Here's the Python console in Sublime Text:
An embedded Python interpreter is included in the editor. The embedded interpreter is useful to inspect the editor's settings and to quickly test API calls while developing plugins.
Sublime Text comes with its own embedded Python interpreter that's separate from your system's Python interpreter (if available).
The embedded interpreter is only intended to interact with the plugin API, not for general development.
Almost every aspect of Sublime Text can be extended or customized. You can modify the editor's behavior, add macros and snippets, extend menus and much more. You can even create whole new features using the editor's API to build complex plugins.
Sublime Text's vast flexibility is the reason why you will learn about so many configuration files: there simply must be a place to specify all available preferences and settings.
Configuration files in Sublime Text are text files that conform to a predefined structure or format: JSON predominates, but you'll find XML and YAML files, too. For the more advanced extensibility options, Python source code files are used.
In this guide, for brevity, we sometimes refer collectively to all these disparate configuration files as resources.
Sublime Text will look for resources inside the packages folder. We'll talk at length about packages later, but the short version is that, to keep things tidy, Sublime Text has a notion of a package, that is, a folder (or zip archive) that contains resources that belong together. (Maybe they help compose emails faster, write HTML efficiently, enhance the coding experience for C, Ruby, Go, …).
(opens new window) is an editor for the Mac.
Since Sublime Text was heavily inspired by TextMate 1, it supports most of the extensions provided in TextMate bundles, notably excluding .tmCommands and .tmSnippets files and any other configuration in .plist files. While most of the older formats are recognized by Sublime Text, e.g. .tmLanguage and .tmTheme , new formats using .sublime-* extensions have been added that provide a superset of the old functionality or are simply replacements for TextMate's formats.
vi is an ancient modal editor that lets the user perform all operations from the keyboard. Vim, a modern version of vi, is still in widespread use.
Sublime Text provides vi emulation through the Vintage
(opens new window) package. The Vintage package is ignored by default and needs to be enabled by the user. Learn more about Vintage
(opens new window) in the official documentation.
Several third-party packages have been developed to implement to supplement or replace the built-in vi emulation. We will cover installation and usage of third-party packages later.
emacs is another popular editor for programmers.
Sublime Text does not offer any built-in emacs emulation, but you can try third-party packages created by other Sublime Text users. As with third-party packages for vi emulation, we will cover installation and usage of these later.
There are three locations for storing packages for different purposes.
Packages can be folders under Data/Packages (short: Packages )
or zip archives with the .sublime-package extension located under Data/Installed Packages (short: Installed Packages ) or any of its subdirectories.
Additionally, Sublime Text provides a set of default packages as zip archives in Application/Packages (short: Shipped Packages ), where Application refers to the folder where the Sublime Text executable resides.
This folder is not intended to be modified by the user.
For simplicity, we will occasionally refer to all these directories simply as Packages , and to a package in any folder ( .sublime-package or not) as Packages/PackageName . Consequently, a file inside a package may also be referred to as PackageName/a_file.extension .
Packages distributed as .sublime-package zip archives should be considered read-only containers of resources and never be modified manually. Since they are usually updated as a whole, any manual changes made to them will be lost in the process.
If you do want to modify files in these archives, see overriding-packages .
If two packages with the same name exist in both Installed Packages and Shipped Packages , the one in Installed Packages will be used and the one in Shipped Packages will be ignored.
Any file in Packages/PackageName takes precedence over an identically named file in Installed Packages/PackageName.sublime-package or Shipped Packages/PackageName.sublime-package .
See also overriding-packages .
Typical resources found in packages include:
- build systems ( .sublime-build )
- color schemes ( .sublime-color-scheme , .tmTheme )
- key maps ( .sublime-keymap )
- macros ( .sublime-macro )
- menus ( .sublime-menu )
- metadata ( .tmPreferences )
- mouse maps ( .sublime-mousemap )
- plugins ( .py )
- settings ( .sublime-settings )
- snippets ( .sublime-snippet )
- syntax definitions ( .sublime-syntax , .tmLanguage )
- themes ( .sublime-theme )
Some packages may hold support files for other packages or for core features. For example, the spell checker uses Installed Packages/Language - English.sublime-package as a data store for English dictionaries.
In this guide, we categorize packages for clarity when discussing this topic, but Sublime Text doesn't use this terminology and you don't need to learn it.
shipped packages or default packages
A set of packages that Sublime Text ships with. Some of these packages are core packages, while others enhance Sublime Text to support common programming languages out of the box.
Examples: Default, Python, Java, C++, Markdown.
Located in Shipped Packages .
core packages
Sublime Text requires these packages in order to function properly.
Complete list: Default, Theme - Default, Color Scheme - Default, Text, Language - English.
They are part of the shipped packages and located in Shipped Packages .
user packages
Installed or created by the user to extend Sublime Text's functionality. They are not part of Sublime Text, and are always contributed by users or third parties.
Located in Packages and Installed Packages .
installed packages
A subtype of user packages.
Installed packages are .sublime-package archives and usually maintained by a package manager.
Located in Installed Packages .
Due to the unfortunate name of this folder, talking about installing packages in Sublime Text is confusing.
Sometimes, in this guide, by installing we mean "adding a user/third party package to Sublime Text" (in any form), and sometimes we use the term in its stricter sense of "copying a .sublime-package archive to Installed Packages ".
A special type of user packages.
Override packages serve the purpose of customizing packages that are distributed as .sublime-package files. They are effectively injected into the original package and do not stand-alone.
Located in Packages .
Note that by third party we also refer to users of other editors, notably Textmate, as Sublime Text and Textmate share some types of resource files that can be reused without modification.
Regular users rarely need to know how to install packages by hand, as automatic package managers are available.
The de facto package manager for Sublime Text is Package Control
Packages can be installed in two main ways:
- by copying Sublime Text resources to a folder under Packages , or
- by copying a .sublime-package file to Installed Packages .
To temporarily disable packages, you can add them to the ignored_packages list in your Packages/User/Preferences.sublime-settings file. Packages will be loaded or unloaded as needed when the settings file is saved.
To re-enable a package, remove the package's name from the ignored_packages list in your Packages/User/Preferences.sublime-settings file.
If you installed a package with a package manager, remove it using the method provided by the package manager.
If you installed a package manually, follow this procedure to safely remove a package:
-
the package while Sublime Text is running.
- Close Sublime Text.
- Remove the package's resources from the disk.
- Remove the package's name from the ignored_packages list.
In addition to the resources you have placed initially in a Packages folder or in Installed Packages , plugins may create configuration files (such as .sublime-settings files) or other files to store package-related data. Frequently, you will find them in the User package. Therefore, if you want to remove all traces of a package, you will need to find and remove all the additional files that it may have installed.
Shipped packages are reinstated during every Sublime Text update, so you can't delete them forever. If you want to stop using a shipped package, disable it.
Since packages in .sublime-package zip archives are read-only, you cannot modify them directly. However, Sublime Text allows you to create an override package that will effectively inject files into the original archive without modifying the archive itself.
To create an override package, create a new folder under Packages and name it after the .sublime-package file you want to override, excluding the extension. Any file you create in this package will take precedence over any identically named file in the original package.
Python plugins in override packages are able to use relative imports for accessing other modules in the corresponding .sublime-package file as if they were part of it.
Files in override packages override entire files. If the overridden file in the corresponding .sublime-package is updated, you will not be notified.
(opens new window) package provides monitoring of override files and will notify you when the file it overrides has been updated.
Package precedence is important for merging certain resources, for example, .sublime-keymap and .sublime-settings files, and for loading plugins ( .py files).
If an override package exists for a .sublime-package package, it will be loaded at the same time as the .sublime-package archive.
Sublime Text loads packages in this order:
- Packages/Default ; in lexicographical order; in lexicographical order;
- all remaining user packages, except for Packages/User , that did not override anything, in lexicographical order;
- Packages/User
Reverting Sublime Text to a fresh state solves many problems that appear to be bugs in Sublime Text but are in fact caused by misbehaving packages and plugins.
To revert Sublime Text to its default configuration and remove all your settings and configurations, delete the Data directory and restart the editor. Keep in mind that the Installed Packages folder will be deleted too, so you'll lose all your installed packages.
Always make sure to back up your data before taking an extreme measure like this one!
1 ответ 1
Положим, у нас установлен плагин LESS , но при открытии файлов с расширением less синтаксис определяется как Pascal .
Боковая панель
Для отображения панели переходим View – Side Bar – Show Open Files. В этой панели будут отображаться наши проекты, то есть папки и файлы нашей верстки. Для наглядности сейчас добавлю один из них. Все что там нужно сделать — это просто перетащить папку с проектом на нашу панель.
ColorHighliter
Обрати внимание на этот код — это код цвета, но какого именно непонятно.
1. Без установки дополнительных плагинов
View → Syntax → Open all with current extension as. → LESS → отныне ко всем файлам с расширением less будет автоматически применяться синтаксис LESS .
1. Через встроенную консоль
Открываем файл, в котором нормально определён синтаксис LESS → Ctrl+' (машинописный обратный апостроф, символ расположен на той же клавише, где кириллическая «ё») → вставляем в открывшуюся консоль следующий код:
На выходе должны получить
AutoFileName
Дело в том, что в процессе верстки часто приходится подключать различные картинки. Этот плагин в разы облегчает процесс подключения. Установим его. Нажимаем Ctrl+Shift+P далее Install Package Control ищем AutoFileName устанавливаем. Попробуем подключить картинку сейчас. Сразу замечаем появление выпадающего меню со списком локальных файлов. Переходим в нужную папку с картинками и видим тут нужный нам файл, а также его размеры, что тоже пригодится.
2. При помощи PackageResourceViewer
Но что, если нет возможности открыть файл, где необходимый синтаксис успешно применяется? Устанавливаем плагин PackageResourceViewer, PackageResourceViewer: Open Resource → вводим название нашего компьютерного языка/средства программирования — если пользуетесь одним из дефолтных синтаксисов — или плагина — когда нужен синтаксис, внедрённый в плагин. В нашем случае набираем LESS → ищем в выпадающем меню файл с расширением tmLanguage (старый формат синтаксиса в Sublime Text) или sublime-syntax (новый формат) → в рассматриваемом случае это LESS.tmLanguage . $Название плагина/$имя файла синтаксиса без расширения и нужно вставлять напротив параметра syntax в ApplySyntax.
Сегодня расскажу о редакторе кода, которым пользуюсь для верстки сайтов уже много лет. Быстрый, удобный и полностью настраиваемый Sublime Text 3.
Мы с нуля настроем его внешний вид, а также применим плагины AutoFileName, BracketHighliter, ColorHighliter, Emmet, GotoCSSDeclaration и Tag, которые существенно помогут нам при верстке сайтов! Ну что ж, от слов к делу!
Читайте также: