Instalar SASS no mac através do terminal

S

stilius

Membro
Boas!
Comprei um curso de design responsivo mas está a ficar inútil porque não passo desta seção: instalação do sass.
Fiz a instalação do node.js e correu bem.
No curso fala em instalar o sass através do npm, a partir daqui não consigo perceber. Tentei instalar através da linha de comando como mosta no site (https://sass-lang.com/install) mas dá o seguinte erro no terminal:

@MBPdeuser ~ % npm install -g sass

npmWARNcheckPermissions Missing write access to /usr/local/lib/node_modules

npmERR!code EACCES

npmERR!syscall access

npmERR!path /usr/local/lib/node_modules

npmERR!errno -13

npmERR! Error: EACCES: permission denied, access '/usr/local/lib/node_modules'

npmERR! [Error: EACCES: permission denied, access '/usr/local/lib/node_modules'] {

npmERR! errno: -13,

npmERR! code: 'EACCES',

npmERR! syscall: 'access',

npmERR! path: '/usr/local/lib/node_modules'

npmERR! }

npmERR!

npmERR! The operation was rejected by your operating system.

npmERR! It is likely you do not have the permissions to access this file as the current user

npmERR!

npmERR! If you believe this might be a permissions issue, please double-check the

npmERR! permissions of the file and its containing directories, or try running

npmERR! the command again as root/Administrator.


npmERR! A complete log of this run can be found in:

npmERR! /Users/user/.npm/_logs/2020-08-29T10_21_55_599Z-debug.log


Depois tentei sudo npm install -g sass e aparece o seguinte:

/usr/local/bin/sass -> /usr/local/lib/node_modules/sass/sass.js

+ [email protected]

added 16 packages from 22 contributors in 1.181s



╭────────────────────────────────────────────────────────────────╮

│ │

│ New patch version of npm available! 6.14.6 → 6.14.8 │

│ Changelog:https://github.com/npm/cli/releases/tag/v6.14.8 │

│ Run npm install -g npm to update! │

│

Será esta a maneira de instalar sass?
Se alguém me puder ajudar com um explicação ou uma base para poder pesquisar sobre isto
 
stilius disse:
Boas!
Comprei um curso de design responsivo mas está a ficar inútil porque não passo desta seção: instalação do sass.
Fiz a instalação do node.js e correu bem.
No curso fala em instalar o sass através do npm, a partir daqui não consigo perceber. Tentei instalar através da linha de comando como mosta no site (https://sass-lang.com/install) mas dá o seguinte erro no terminal:

@MBPdeuser ~ % npm install -g sass

npmWARNcheckPermissions Missing write access to /usr/local/lib/node_modules

npmERR!code EACCES

npmERR!syscall access

npmERR!path /usr/local/lib/node_modules

npmERR!errno -13

npmERR! Error: EACCES: permission denied, access '/usr/local/lib/node_modules'

npmERR! [Error: EACCES: permission denied, access '/usr/local/lib/node_modules'] {

npmERR! errno: -13,

npmERR! code: 'EACCES',

npmERR! syscall: 'access',

npmERR! path: '/usr/local/lib/node_modules'

npmERR! }

npmERR!

npmERR! The operation was rejected by your operating system.

npmERR! It is likely you do not have the permissions to access this file as the current user

npmERR!

npmERR! If you believe this might be a permissions issue, please double-check the

npmERR! permissions of the file and its containing directories, or try running

npmERR! the command again as root/Administrator.


npmERR! A complete log of this run can be found in:

npmERR! /Users/user/.npm/_logs/2020-08-29T10_21_55_599Z-debug.log


Depois tentei sudo npm install -g sass e aparece o seguinte:

/usr/local/bin/sass -> /usr/local/lib/node_modules/sass/sass.js

+ [email protected]

added 16 packages from 22 contributors in 1.181s



╭────────────────────────────────────────────────────────────────╮

│ │

│ New patch version of npm available! 6.14.6 → 6.14.8 │

│ Changelog:https://github.com/npm/cli/releases/tag/v6.14.8 │

│ Run npm install -g npm to update! │

│

Será esta a maneira de instalar sass?
Se alguém me puder ajudar com um explicação ou uma base para poder pesquisar sobre isto
Clicar para expandir...
Parece-me ser um problema de permissões.

Experimenta correr este comando primeiro, e depois volta a tentar instalar o Sass:

sudo chown -R $USER /usr/local/lib/node_modules

De resto, o que te aconselho é a pesquisares no Google sempre pela mensagem de erro e o programa que queres instalar. Na maioria das vezes, já houve alguém com o mesmo problema que tu ;)
 
stilius disse:
Boas!
Comprei um curso de design responsivo mas está a ficar inútil porque não passo desta seção: instalação do sass.
Fiz a instalação do node.js e correu bem.
No curso fala em instalar o sass através do npm, a partir daqui não consigo perceber. Tentei instalar através da linha de comando como mosta no site (https://sass-lang.com/install) mas dá o seguinte erro no terminal:

@MBPdeuser ~ % npm install -g sass

npmWARNcheckPermissions Missing write access to /usr/local/lib/node_modules

npmERR!code EACCES

npmERR!syscall access

npmERR!path /usr/local/lib/node_modules

npmERR!errno -13

npmERR! Error: EACCES: permission denied, access '/usr/local/lib/node_modules'

npmERR! [Error: EACCES: permission denied, access '/usr/local/lib/node_modules'] {

npmERR! errno: -13,

npmERR! code: 'EACCES',

npmERR! syscall: 'access',

npmERR! path: '/usr/local/lib/node_modules'

npmERR! }

npmERR!

npmERR! The operation was rejected by your operating system.

npmERR! It is likely you do not have the permissions to access this file as the current user

npmERR!

npmERR! If you believe this might be a permissions issue, please double-check the

npmERR! permissions of the file and its containing directories, or try running

npmERR! the command again as root/Administrator.


npmERR! A complete log of this run can be found in:

npmERR! /Users/user/.npm/_logs/2020-08-29T10_21_55_599Z-debug.log


Depois tentei sudo npm install -g sass e aparece o seguinte:

/usr/local/bin/sass -> /usr/local/lib/node_modules/sass/sass.js

+ [email protected]

added 16 packages from 22 contributors in 1.181s



╭────────────────────────────────────────────────────────────────╮

│ │

│ New patch version of npm available! 6.14.6 → 6.14.8 │

│ Changelog:https://github.com/npm/cli/releases/tag/v6.14.8 │

│ Run npm install -g npm to update! │

│

Será esta a maneira de instalar sass?
Se alguém me puder ajudar com um explicação ou uma base para poder pesquisar sobre isto
Clicar para expandir...

Coloca a linha sudo npm install (também funciona apenas com i em vez de install) -g sass e depois tens de colocar a password do sistema
 
ric7 disse:
Coloca a linha sudo npm install (também funciona apenas com i em vez de install) -g sass e depois tens de colocar a password do sistema
Clicar para expandir...
Foi o que fiz e aparece o seguinte:
/usr/local/bin/sass -> /usr/local/lib/node_modules/sass/sass.js

+ [email protected]

added 16 packages from 22 contributors in 1.181s



╭────────────────────────────────────────────────────────────────╮

│ │

│ New patch version of npm available! 6.14.6 → 6.14.8 │

│ Changelog:https://github.com/npm/cli/releases/tag/v6.14.8 │

│ Run npm install -g npm to update! │

│

Sobre esta linha "sudo chown -R $USER /usr/local/lib/node_modules" não aconteceu nada.
Não existe outra maneira sem ser via terminal, tipo instalar uma app?
Sinceramente nem sei por onde começar a pesquisar...
 
stilius disse:
Foi o que fiz e aparece o seguinte:
/usr/local/bin/sass -> /usr/local/lib/node_modules/sass/sass.js

+ [email protected]

added 16 packages from 22 contributors in 1.181s



╭────────────────────────────────────────────────────────────────╮

│ │

│ New patch version of npm available! 6.14.6 → 6.14.8 │

│ Changelog:https://github.com/npm/cli/releases/tag/v6.14.8 │

│ Run npm install -g npm to update! │

│

Sobre esta linha "sudo chown -R $USER /usr/local/lib/node_modules" não aconteceu nada.
Não existe outra maneira sem ser via terminal, tipo instalar uma app?
Sinceramente nem sei por onde começar a pesquisar...
Clicar para expandir...

E já não está instalado? Vai ver ao package.json.
 
Pesquisei, mas como ainda não atino muito com isto deixo o que fiz no terminal:

user ~ % npm install -g node-sass

npmWARNdeprecated [email protected]: request has been deprecated, see https://github.com/request/request/issues/3142

npmWARNdeprecated [email protected]: this library is no longer supported

/usr/local/bin/node-sass -> /usr/local/lib/node_modules/node-sass/bin/node-sass


> [email protected] install /usr/local/lib/node_modules/node-sass

> node scripts/install.js


Cached binary found at /Users/user/.npm/node-sass/4.14.1/darwin-x64-72_binding.node


> [email protected] postinstall /usr/local/lib/node_modules/node-sass

> node scripts/build.js


Binary found at /usr/local/lib/node_modules/node-sass/vendor/darwin-x64-72/binding.node

Testing binary

Binary is fine

+ [email protected]

added 190 packages from 139 contributors in 9.396s

user ~ % sass --version

1.26.10 compiled with dart2js 2.8.4
 
stilius disse:
Sobre esta linha "sudo chown -R $USER /usr/local/lib/node_modules" não aconteceu nada.
Clicar para expandir...

Provavelmente foi feito com sucesso, não recebes é nenhuma mensagem de confirmação.

Pelo que mostras, o sass (e o node-sass) parecem estar instalados globalmente. Mas depois terás que instalar essa (e talvez outras) dependência(s) para cada projeto específico. Se o tutorial tiver o código do projeto algures (ex: GitHub) podes sempre descarregar o package.json (que é um ficheiro que indica as dependências do projeto e respetivas versões) e correr "npm install" para automaticamente instalar todas as dependências do projeto na tua pasta (ficará dentro de "/node_modules").

No caso do sass, também te dará jeito uma "build tool" (como o parcel, gulp ou grunt, por exemplo) que constantemente compile o código Sass para CSS. É possível que consigas realizar o tutorial na mesma usando só CSS, visto que Sass é apenas CSS com uns "super poderes" (e que em 2020, é menos relevante). Idealmente, o tutorial deverá indicar-te como proceder.

Por fim, perguntaste se existe uma app. Podes utilizar, para macOS, o prepros.io (grátis) ou o codekit (pago) para fazerem esse processo de build/watch por ti. De qualquer forma, dedicares umas horas a aprender a fazer isto pelo terminal também diria que é um bom exercício, porque é importante ficares confortável no terminal mesmo para Front End.

Espero que ajude!
 
Boa explicação bammer, obrigado.
Sobre as dependências e "build tool" não percebi, mas pode ser com o decorrer do curso chegue lá

Neste momento estou a usar o terminal consoante explica no curso para gerar o 'style.css' sem espaços e sem quebras de linha, parece ser fácil.(será isto a build tool que referes bammer?)
Mas sim, acho importante perder mais tempo sobre como usar o terminal, e é o que irei fazer
 
stilius disse:
Boa explicação bammer, obrigado.
Sobre as dependências e "build tool" não percebi, mas pode ser com o decorrer do curso chegue lá

Neste momento estou a usar o terminal consoante explica no curso para gerar o 'style.css' sem espaços e sem quebras de linha, parece ser fácil.(será isto a build tool que referes bammer?)
Mas sim, acho importante perder mais tempo sobre como usar o terminal, e é o que irei fazer
Clicar para expandir...

Que curso estás a tirar?
 
stilius disse:
Boa explicação bammer, obrigado.
Sobre as dependências e "build tool" não percebi, mas pode ser com o decorrer do curso chegue lá

Neste momento estou a usar o terminal consoante explica no curso para gerar o 'style.css' sem espaços e sem quebras de linha, parece ser fácil.(será isto a build tool que referes bammer?)
Mas sim, acho importante perder mais tempo sobre como usar o terminal, e é o que irei fazer
Clicar para expandir...

Exacto, se estás a gerar um ficheiro CSS vindo do Sass, ainda por cima minificado, estás a correr um processo desse género ;)
 
ric7 disse:
Suponho que seja um curso da udemy do jonas, eu pessoalmente investia mais no js, html e css vais tornando-te melhor com o tempo, até proque o que não falta é tutoriais no youtube sobre isso.

Recomendo este para javascript https://www.udemy.com/course/javasc...rs-w/learn/lecture/19151386?start=90#overview e tens bastante css.
Clicar para expandir...

Sim, é um curso da Udemy mas de Eduardo Garcia. Tou a achar bastante interessante, apesar de eu ter algumas bases de html e css, e finalmente consegui perceber aquilo de 'mobile first'
Sobre js também concordo que devia investir mais, mas não está muito fácil eu conseguir atinar com programação (nem falo de poo....)
De qualquer maneira e apesar do curso ser em inglês, vou analisar bem se para o meu caso vale a pena o investimento
 
Inicie sessão ou registe-se para poder participar.
Back
Topo