Hi, I was amazed when reading about Sage, but then when I had to use it, the installation said to use NPM, and other programs.
I do not have time to learn those programs now, but anyway I tried to install. “npm install” inside the theme directory made a HUGE download (was it downloading all packages from NPM?) I cancelled the installation.
I would like just a SIMPLE theme to start with the customization, don’t you have just the PHP files, basic CSS/JS to start and not having to learn all those NPM programs?
Thanks
No, there is no “plain PHP” version. All the amazingness you read about has to do with the entire process, which includes using gulp.js, which uses node/npm. If you want a plain PHP starter theme, there are plenty of others that offer that.
I would suggest at least giving it a try though. Does it really matter that a bunch of things are being downloaded with npm? The node_modules folder is disposable, you don’t need to keep it. All you need to do to get it back is run npm install again. To disregard Sage because it’s downloading things for you is very short sighted in my opinion. Just think about the work that’s being saved by using all this code that streamlines the development process. Isn’t that the same reason you use WordPress rather than building your own blog/website application?
2 Likes
Ok, I will give it a try, what concerns me is if the files are used or I did something wrong, because it doesn’t seems to end, for example, it downloaded these tools:
npm http GET https://registry.npmjs.org/ansi-styles
npm http GET https://registry.npmjs.org/escape-string-regexp
npm http GET https://registry.npmjs.org/has-ansi
npm http GET https://registry.npmjs.org/strip-ansi
npm http GET https://registry.npmjs.org/supports-color
npm http 304 https://registry.npmjs.org/xtend
npm http GET https://registry.npmjs.org/readable-stream
npm http 304 https://registry.npmjs.org/is-absolute
npm http 304 https://registry.npmjs.org/is-absolute
npm http 304 https://registry.npmjs.org/is-integer
npm http 304 https://registry.npmjs.org/chalk
npm http 304 https://registry.npmjs.org/minimatch
npm http 304 https://registry.npmjs.org/sum-up
npm http 304 https://registry.npmjs.org/ansi-styles
npm http 304 https://registry.npmjs.org/escape-string-regexp
npm http 304 https://registry.npmjs.org/has-ansi
npm http 304 https://registry.npmjs.org/strip-ansi
npm http 304 https://registry.npmjs.org/ansi-styles
npm http 304 https://registry.npmjs.org/supports-color
npm http GET https://registry.npmjs.org/delayed-stream/0.0.5
npm http 304 https://registry.npmjs.org/escape-string-regexp
npm http GET https://registry.npmjs.org/readable-stream
npm http GET https://registry.npmjs.org/mime-db
npm http 304 https://registry.npmjs.org/has-ansi
npm http 304 https://registry.npmjs.org/strip-ansi
npm http 304 https://registry.npmjs.org/supports-color
npm http 304 https://registry.npmjs.org/readable-stream
npm http GET https://registry.npmjs.org/async
npm http 304 https://registry.npmjs.org/delayed-stream/0.0.5
npm http 304 https://registry.npmjs.org/readable-stream
npm http 304 https://registry.npmjs.org/mime-db
And still going.
Yes, it might take a minute or two… but you only need to do that once per theme/project.
Keep in mind that the gulpfile.js can compile both LESS and SASS, it losslessly compresses images, it seamlessly integrates Bower packages, it lints your JavaScript and then concatenates and minifies your CSS and JS. It also uses Browsersync which is all types of awesome. And it’s all being handled automatically.
1 Like
I’ve tried twice, I get an error and no log:
npm http 304 https://registry.npmjs.org/generate-object-property
npm http 304 https://registry.npmjs.org/xtend
npm http 304 https://registry.npmjs.org/jsonpointer
npm http GET https://registry.npmjs.org/is-property
npm http 304 https://registry.npmjs.org/wordwrap/0.0.2
npm http 304 https://registry.npmjs.org/is-property
npm ERR!
npm ERR! Additional logging details can be found in:
npm ERR! /path/to/theme/npm-debug.log
npm ERR! not ok code 0
I am not using sudo, just normal user. Any hints? Seems to happen after is-property always
EDIT:
I deleted the directory npm-modules, then tried again:
I spotted this during the installation:
npm http 304 https://registry.npmjs.org/jsonpointer
> ws@0.5.0 install /home/jsivil/ero_theme/node_modules/browser-sync/node_modules/socket.io/node_modules/engine.io/node_modules/ws
> (node-gyp rebuild 2> builderror.log) || (exit 0)
npm http GET https://registry.npmjs.org/ansi-styles