Jump to content
  • 0

Ludwig Voltman
 Share

Question

Вчера начал читать небольшую книжку о SCSS, решил освоить препроцессоры. Уже половину книги прочитал, а все никак не могу настроить командную строку.

ОС: Windows XP

Что я сделал, шаг за шагом:

1) скачал ruby installer 1.9.3, установил его

2) прописал в командной строке gem install sass

3) sass установился. Но директория по умолчанию не та, которая мне нужна.

4) меняю директорию: cd /d D:\Dropbox\Верстка\Workshop

5) теперь я хочу, чтобы sass автоматически компилировал sass файл в css.

Этот файл лежит по адресу: D:\Dropbox\Верстка\Workshop\Mold\style\scss\style.sass

6) Для этого пишу в командной строке: sass --watch Mold\style\scss\style.sass:Mold\style\style.css

7) Результат - ошибка: no such file or directory - style\scss\style.sass ERRNO::ENOENT: No such file or directory - D:\Dropbox\Верстка\Workshop\Mold\style\scss

Но директория правильная, и файл лежит на месте! Файл style.css создается там, где нужно. Правда вместо результата компиляции -- сообщение об ошибке (такой же как и в командной строке). Почему появляется эта ошибка? Что сделано не так?

 

 

 

Link to comment
Share on other sites

5 answers to this question

Recommended Posts

  • 0

Должно работать, компасс ставить не обязательно. Проверьте еще раз внимательно все свои шаги, вероятно где-то допустили ошибку. Директории действительно не существует.

Link to comment
Share on other sites

  • 0

Спасибо за ответы!

Какая-то странная штука: похоже здесь Dropbox виноват. Когда компилирую файлы, лежащие вне директории dropbox ошибка не выходит. В интернете такая проблема время от времени встречается, правда методов исправления не предлагают. Попробовал использовать googledrive аналогичная ошибка -- не видит директории.

Вот такие вопросы ещё возникли:

1) У меня у всех проектов структура одинаковая:

PROJECT NAME  index.html  other.html  style    style.css    scss      style.scss

Меняется только имя проекта. Можно как-то через командную строку сделать так, чтобы компилировались все файлы всех проектов за один раз? Или для каждого проекта задавать команду sass --watch?

2) Где можно отредактировать настройки чтобы директория по умолчанию (та, которая появляется, когда запускаешь командную строку) была другой? Чтобы каждый раз cd /d не набирать.

Edited by Ludwig Voltman
  • Like 1
Link to comment
Share on other sites

  • 0

win+r

regedit.exe

идем в HKLM\SYSTEM\CurrentControlSet\Control\Session Manager\Environment

создаем параметр PROMPT типа REG_EXPAND_SZ с нужным значением

 

например у меня D:\OpenServer\domains\localhost$G  ($G добавляет > к пути)

и вот что получится

http://prntscr.com/2bchfy


P.S после изменения реестра нужно перезагрузиться

  • Like 1
Link to comment
Share on other sites

  • 0

Спасибо за ответы!

Какая-то странная штука: похоже здесь Dropbox виноват. Когда компилирую файлы, лежащие вне директории dropbox ошибка не выходит. В интернете такая проблема время от времени встречается, правда методов исправления не предлагают. Попробовал использовать googledrive аналогичная ошибка -- не видит директории.

Вот такие вопросы ещё возникли:

1) У меня у всех проектов структура одинаковая:

PROJECT NAME  index.html  other.html  style    style.css    scss      style.scss

Меняется только имя проекта. Можно как-то через командную строку сделать так, чтобы компилировались все файлы всех проектов за один раз? Или для каждого проекта задавать команду sass --watch?

2) Где можно отредактировать настройки чтобы директория по умолчанию (та, которая появляется, когда запускаешь командную строку) была другой? Чтобы каждый раз cd /d не набирать.

По пункту 1:

 

Вы можете легко это сделать, например, создав какой-то корневой каталог, поместить туда все проекты и сделать этому каталогу --watch и все будет красиво компилироваться в соответсующие каталоги.

 

На пункт 2:

Уже ответили, в любом случае гуглится за 2 минуты.

 

Спасибо за багу с клиентами облачных хранилищ, не сталкивался, возьму на заметку

Edited by Svatov
  • Like 1
Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

  • Similar Content

    • By jksnf
      Не работает transition при появлений модального окна:
      <a class="btn">Modal</a> <div class="modal"> <div class="overlay"> <div class="content"> <a class="close">X</a> <h1>Title</h1> <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sunt repellat asperiores rerum animi officiis minus corporis iure voluptate accusantium, ut optio ratione iusto nemo delectus. Quasi illum libero dolorum neque?</p> </div> </div> </div> //scss .modal .overlay{ position: fixed; top: 0;left: 0; width: 100%;height: 100%; background: rgba($color: #000000, $alpha: .8); z-index: 1; display: none; } .modal .content{ width: 500px;height: 200px; position: absolute; top: 50%;left: 50%; transform: translate(-50%, -50%); background-color: #fff; z-index: 2; text-align: center; display: none; a{ line-height: 30px; font-weight: bold; color: #fff; top: -50px;; position: absolute; right: -50px; font-size: 40px; padding: 10px; } h1{ margin-bottom: 20px; } } .modal.active .overlay{ display: block; } .modal.active .content{ display: block; } //Jquery $(document).ready(function(){ $(".btn, .close").click(function() { $(".modal").toggleClass("active") }) }) Я понимаю что на display не работает transition. но и нельзя ставить opacity т.к перекрывает контент сзади него изначально.

      Что делать?
    • By ket-verbitskaya
      Привет!
      Недавно проходила первый этап на собесе с заданием и провалила. Нужно было создать копию отправленного изображения (прикреплено). Предполагаю, что ошибка была изначально в том, что требование "Use SASS variables by changing width and background, it has to change completely, the shape must be responsive (all its parts grow or shrink respectively)" не было выполнено. Фидбека не было, к сожалению. Работа проделана была только с html css. Но быть может были допущены другие другие ошибки? Буду признательна, если кто-нибудь укажет на них.
      Код ниже и по ссылке: https://codepen.io/qizqepml-th... ls/LYeYqjX
       
      <div class="wrapper"> <div class="circle"> <div class="panel panel--1"> </div> <div class="panel panel--2"> </div> <div class="panel panel--3"> </div> <div class="panel panel--4"> </div> <div class="circle--2"> </div> </div> </div>  
      * { box-sizing: border-box; } body { background-color: #2b2b2b; } .wrapper { background-color: #2b2b2b; position: absolute; display: flex; align-items: center; justify-content: center; top: 50%; left: 50%; transform: translate(-50%, -50%); } .circle { height: 29vw; width: 29vw; border-radius: 50%; position: absolute; transform: rotateZ(25deg); background-color: #333333; } .panel { height: 17.5vw; width: 17.5vw; border-radius: 50%; border: 1.5vw solid #f14100; } .panel--1 { float: left; position: absolute; } .panel--2 { float: right; position: relative; } .panel--3 { bottom: 0; position: absolute; } .panel--4 { bottom: 0; right: 0; position: absolute; } .circle--2 { border: 1.5vw solid #f14100; position: relative; border-radius: 50%; height: 25vw; width: 25vw; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%); outline: 10vw solid #2b2b2b; }  

    • By Alexand
      Здравствуйте дорогие специалисты програмирования.
      Взываю вас о помощи!? Прощу Вас уделите мне своё безценное время. Я который раз выполняю тестовое задание для трудоустройства, а мне постоянно отказывают. Я уже в замешательстве, что же я делаю не так. Я просил их, дать мне хоть какую-то критику, единственное что мне отвечают СЛАБО. Но что именно слабо не говорят!
      Прошу Вас рассмотреть мою из последних тестовую работу и укозать мне ВСЕ мои прогрехи, по полной строгости. Единственная надежда на Вашу благосклонность и доброту.
      Вот ссылка на гитхаб - https:/github.com/ShusevA/ARI-AJAX-Application 
      Требоватие к этой работе https://docs.google.com/document/d/10gLPHDqGNMDSeSQbYfG8RVtXR3XQOrchSBmd50OzJ_s/edit
      С уважением к Вам, за ранее спасибо.
    • By yeldos23
      Всем привет народ! Очень надеюсь на вашу помощь! Дело в том что я создавал сайты по видео урокам некого Михаила Базарова. Вот собственно его видео уроки https://camouf.ru/video/new_store/phpstorm.html?PAGEN_2=2
      Теперь конкретно о проблеме: Дело в том, что данный человек использует bootstrap и sass. Он компилирует все стили в сжатый css. В этом то и проблема. У меня не компилируется, а стили на сайте не работают.
      Что я сделал: установил Ruby, прописал в командной строке gem install sass, успешно установился. Перезагрузил компьютер и подключился к своему удаленному серверу через PhpStorm. Обмен между локальным и удаленным сервером идет успешно. Но на сайте не работают стили прописанные в sass
      Скрин https://imgur.com/a/vV6QZBV
       
      UPD: Оказалось что путь к файлам неверный, мог бы кто нибудь помочь настроить?
    • By K0D0D
      Может кто-то оценить уже готовый сайт? Заранее спасибо.
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy