I’m having trouble using CodePen. I realize it is made to be helpful with easy one button clicking to add script references, srcs, links, cdns, etc.
My problem is that they are not added to the code in CodePen. Somehow they work in the background. That is not good. I’d like to see exactly where they are being added in the code. For example, I know that it makes a difference where you put js script in html.
Now, with the Portfolio Challenge, it gets even more complicated - using pug template. I don’t know if the three small CodePen editor windows are separate files or if they are integrated in the background into one page with different sections, like you can do with css in style tags in html.
With much searching in Stack Overflow I’ve found out how to reference some of that stuff in a pug template, but I have not found and have no idea how to reference the code in the js window.
Imagine I were coding in Visual Code (which is what I actually do). I want to know exactly how to structure my folders and make either inline or external file references. CodePen hides all that from me.
No disrespect meant to CodePen, but I’d really like some help on this. I’ve tried tons of editors, from Atom, to Sublime, to Brackets, etc. I’ve run into multiple issues (for example on Brackets). It’s nice and simple, but I hate having to constantly search and figure out how to overcome errors and issues. I’ve settled on Visual Code as the one with the ‘least’ problems.
I welcome any suggestions.