собираем проект
by pharma_nsk
HTML
<link href="https://fonts.googleapis.com/css?family=Inconsolata" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
<body>
<div class="all">
<header>http://www.it*****.ru</header>
<p>Собираем проект:</p>
<div>$ bem make</div>
<p>
Первая сборка с <span class="teg">bem-tools</span> займёт некоторое время, так как именно в этот момент в директорию проекта устанавливаются все необходимые npm-пакеты.
</p>
<p>Для запуска сервера выполняем:</p>
<div>$ bem server</div>
<p>В результате вы увидите следующее сообщение:</p>
<div class="scroll">
info: Server <strong>is</strong> listening <strong>on</strong> port <span class="blue">8080</span>. Point your browser <strong>to</strong> http: <span class="url">//localhost:8080</span>
</div>
<p><strong>Проблема?</strong></p>
<p>
Если порт 8080 уже используется другой программой, его можно переназначить с помощью аргумента <span class="teg">-p</span>.
</p>
</div>
</body>CSS
body {background-color:white; font-family: 'Open Sans', sans-serif; font-size:13px;}
header {font-weight:bold; text-align:right;}
.all {margin-left:20px; border-left: 1px solid lightgrey; padding-left:30px; width:500px;}
div:not(.all) {border: 1px solid lightgrey; padding:5px; background-color:#FDFDED; font-family: 'Inconsolata', monospace;}
.teg {border: 1px solid lightgrey; padding:2px; background-color:#FDFDED;}
.scroll {white-space:nowrap; overflow: auto;}
.url {font-style:italic; font-weight:bold; color:grey;}
.blue{color:blue;}