Agree, changelogs are important.
On a basically unrelated note… If you want to have the best time of your life Reading some notes you should do a quick “codekit app changelog“ search on Google (or click here https://codekitapp.com/updates/). That developer is awesome beyond my abs’ ability to keep functioning because of laughter.
Things like: > If you email me, "CodeKit breaks my site!" and it turns out you forgot to configure PurgeCSS, I get to put a MIDI of my choice on your website for a month.
Generally speaking, text editors won't handle compiling your code for you. As u/lumpyspacebiiitch mentioned, Scout App is one of many GUI tools that can handle Sass and many other types of compilation. My personal favorite GUI tool is CodeKit, but if you're comfortable at all on the command line, I highly recommend learning how to handle your Sass there. Here's a simple walkthrough of setting up NPM to compile your sass.
For Static sites, I use CodeKit to task run my source. It is a great tool, with package control, code concat, minify and uglify, supports shell scripting, and image optimization under the hood. Unfortunately it is Mac only. The product owner is a really funny dude too (he writes some really witty update documentation).
For non-static sites, I tend to use a straight Vue SPC workflow using Webpack.
you mean live server? one side is your HTML code, other side is the rendered webpage and it will automatically sync up to your HTML file? VS code has that function built in, as well as bracket I think. atom is too slow. if you are willing to pay, check this out: codekit https://codekitapp.com/ it works amazingly well and updates are really on time. also just check out the reviews section of the page. it is hilarious.
Kind of depends on what you do but here's my dev stack:
1) CodeKit (Can't say enough good things. A pre-processor, but so much more. Just brilliant. It's a buy it now, and you won't be sorry kind of thing). https://codekitapp.com/
2) MAMP Pro...( it's great. Is it better than X, Y, Z?... not sure. It's kind of utilitarian. Works flawlessly though.)
3) Sublime Text (I <3 Sublime)
4) Dash (Because at my ripe old age, memory fails...)
5) Transmit (FTP)
...and if you do front end design work and don't feel like paying the Adobe tax:
6) Affinity Designer (Also, can't say enough good things. One of the best OSX products of the past couple years) https://affinity.serif.com/en-us/designer/
I know that you're already happy without the partials / but just to toss it out there, - there are some things like this: https://codekitapp.com/help/kit/ that would pre-compile.
Hmm I don't know if this is what you want but I use codekit for minifying and parsing my scss and javascript. Everytime something is wrong I directly get an error/warning. The disadvantage is that codekit is not free and only for macOS but I guess there are free alternatives and also alternatives for windows. I vaguely remember that there was even a plugin for visual studio but unfortunately I don't remember the name. Search for scss compiler…
I mostly just use CodeKit to compile/autoprefix/minifiy LESS files and lint/minify Javascript. Also: I should clarify, I'm talking about this CodeKit. I'm not sure, but I think there's at least a couple webdev tools under the name CodeKit.
So I'm trying to figure out if/how I can implement webpack into my current projects to gain more experience with it. The thing is, I can't seem to figure out what it is webpack actually *does*, at least in comparison to how I am doing things currently.
Right now I'm using CodeKit to handle transpiling, minification for my CSS and JS files, as well as live-reloading for my browser. I can also use Codekit to concatenate my myriad JS files into one single file. As far as I can tell, this is the primary function of webpack as well. So long as I've got a good workflow using CodeKit, is there any reason to incorporate webpack, or am I misunderstanding what I'm supposed to be using webpack for?
You mention in another response that you use OSX. In that case, no need to touch a task runner. Just give Codekit a try. Has built in SASS support, source concatenation, linting, and a package manager all under the hood.
"There are just some really great people in the world who love supporting indie developers. I'm a one-man shop and this is my full-time job, so every little bit helps. You get the exact same app no matter which price you pick." - https://codekitapp.com/
Take the time and learn gulp. It's pretty easy to learn. If you're on a mac and doing local development you could use CodeKit. That's what I started off with and sometimes still use. But you should learn gulp first IMO.
Edit: I forgot to mention browser-sync. It has a gulp plugin that will work with the native gulp watch capability to do what you described