Clean Development Environment (Web Dev)

How do we have a completely clean DEV environment to write an application in Node / Angular / Bootstrap / ...? I am having trouble with CLI's and updates each time. Does anyone have a real Best Practice? I would like to take an environment that I have been hacking around in and clean it up, ready for a new project easily.  Ideally, I would love to see a script to run that will clean it all up in one shot.
LVL 1
Christopher GoreSolutions ArchitectAsked:
Who is Participating?
 
Julian HansenCommented:
What is your issue with CLI's

Angular
1. ng new mynewproject
2. cd mynewproject
3. code .
4. ng serve
5. Browse to http://localhost:4200
6. ng g component mynewcomponent
7. Component automatically added to project and Visual Code updated to show component. Configure and ...
8. View in browser
Add Bootstrap
1. npm install ngx-bootstrap --save
2. Add following to index.html
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">

Open in new window

OR if using BS4
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet">

Open in new window

1
 
Chinmay PatelEnterprise ArchitectCommented:
How about using VMs? I create / update my VMs with latest updates/IDE patches and then use copies(I do not use differencing disks).
0
 
Christopher GoreSolutions ArchitectAuthor Commented:
That is what I do now.  That works flawlessly of course but it would be nice to have a script. Maybe that is a good project for me to share with the world.
0
Free Tool: Path Explorer

An intuitive utility to help find the CSS path to UI elements on a webpage. These paths are used frequently in a variety of front-end development and QA automation tasks.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

 
Chinmay PatelEnterprise ArchitectCommented:
I prefer VMs 'cause I can guarantee that nothing has *polluted* my environment. In my day to day activities, I install and configure anywhere between 10 to 50 tools/softwares/code etc. I can't always be sure if something has messed up a registry entry or a system config file somewhere. I understand the process is painful and scripts might be helpful if you are not experimenting on lot of external tools.
0
 
Christopher GoreSolutions ArchitectAuthor Commented:
I'll take that answer for now Chinmay.  I do about the same on testing things.  VM's are the way to go for knowing absolutely.  I guess it is what it is.
0
 
Christopher GoreSolutions ArchitectAuthor Commented:
This works perfectly. It builds without issue.  I would add the following step.  
Step 1: npm install -g @angular/cli
Also, on Serve step:  ng serve --open
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.