Тарас Крисюк 7 мес. назад К уроку Структура HTML документа

Sublime сниппет для генерации полноценного шаблона

Привет Антон, мы ведь можем так же сделать свой сниппет, который бы генерировал не просто html структуру, но чтобы она сразу была с jquery, bootstrap, fontawesome и т.д?

4 ответа

Тарас Крисюк 7 мес. назад

Ага. Сам разобрался! 

 

<snippet>
	<content><![CDATA[
<!DOCTYPE html>
<html>
	<head>
		<title>

		</title>
		<!-- Latest compiled and minified Bootstrap CSS -->
		<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">

		<!-- Optional theme. Remove comment to use -->
		<!-- <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css"> -->
		
		<!-- This is FontAwesome Fonts uncomment to use FontAwesome fonts-->
		<!-- <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"> -->

		<!-- Enter project specific CSS here -->
		<link rel="stylesheet" type="text/css" href=" ">
		
	</head>

	<!-- ---------Body starts here------------- -->
	
	<body>


		

		<!-- This is JQuery -->
		<script src="http://code.jquery.com/jquery-2.1.4.js"></script>
		
		<!-- Latest compiled and minified JavaScript -->
		<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
	</body>
</html>


]]></content>
	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
	<tabTrigger>htmltemplate</tabTrigger>
	<!-- Optional: Set a scope to limit where the snippet will trigger -->
	<!-- <scope>source.python</scope> -->
	<description>Включает полный бутстрап, font-awesome шрифты, jquery</description>
</snippet>



Несколько советов по редактированию:

1. Сам код, который генерируюется сниппетом лежит внутри CDATA тега.

2. Слово-триггер находится в теге htmltemplate. Я юзал htmltemplate

3. Так и не понял зачем нужно описание, но на всякий написал )

- Просто схрани этот код в саблайм в папку с сниппетами с разрешением .sublime-snippet. Перезагрузи саблайм
И теперь можно в любом файле писать htmltemplate, нажимать tab и радоваться жизни

Олег Каримов 7 мес. назад

:) Отлично! Спасибо

Антон Платонов 7 мес. назад

Спасибо за шару! Сниппеты являются одной из наиболее важных особенностей в Sublime. Я сам их крайне часто использую! Возможно, в дальнейшем будет мини-курс или урок, посвещенный именно выжимке максимума из sublime

Тарас Крисюк 7 мес. назад

Ура! Ждем урок!

Ответить

Для того, чтобы вопрос, необходимо авторизоваться в платформе Войти Войти с помощью Вконтакте