Scribd
Upload
12 views5 pages

Lab Chapter 1 - Setting Up Development Environment

Lab Chapter 1 - Setting up Development Environment

Uploaded by

Squall Lionheart
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
12 views5 pages

Lab Chapter 1 - Setting Up Development Environment

Lab Chapter 1 - Setting up Development Environment

Uploaded by

Squall Lionheart
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 5

1.

) Setting up a development environment


involves configuring your computer with the necessary tools and software to create,
test, and deploy applications. The specific steps depend on the type of development you're
undertaking (e.g., web development, mobile app development, data science). Here's a general
guide for setting up a basic web development environment:
Web Development Environment Setup:
a.) Text Editor or Integrated Development Environment (IDE):
 Choose a text editor or IDE for coding. Popular options include Visual Studio Code, Atom,
Sublime Text, or JetBrains IDEs (like IntelliJ IDEA for Java or PyCharm for Python).
b.) Version Control:
 Install Git for version control. You can download it from Git's official website.
c.) Node.js and npm:
 For JavaScript/Node.js development, install Node.js which includes npm (Node Package
Manager). Download from Node.js official website.
d.) Web Browser:
 Use a modern web browser like Google Chrome, Mozilla Firefox, or Microsoft Edge for
testing and debugging.
e.) Terminal or Command Line Interface (CLI):
 Familiarize yourself with the terminal or command line interface. On Windows, you
might use Command Prompt, PowerShell, or Git Bash. On macOS/Linux, you can use the
built-in terminal.
f.) Database:
 Depending on your needs, you might need a database system. Common choices include
MySQL, PostgreSQL, or MongoDB. Install and set up the one that suits your project.
Example for a Basic Web Development Project:
Assuming you're setting up for a basic web development project using HTML, CSS, and
JavaScript with Node.js and npm:
a.) Create a Project Folder:
 Create a folder for your project and navigate to it using the terminal.
b.) Initialize a Node.js Project:
 Run npm init to create a package.json file, which tracks project dependencies.
c.) Install Dependencies:
 Install development dependencies like express for a simple server: npm install express --
save-dev.
d.) Create Files:
 Create your HTML, CSS, and JavaScript files within your project folder.
e.) Version Control:
 Initialize a Git repository with ‘git init’. Create a ‘.gitignore’ file to specify files/folders
that shouldn't be tracked.
f.) Start Coding:
Open your chosen text editor/IDE and start coding!
g.) Run Your Application:
If using Node.js and Express, run your server script with node app.js and open your browser to
http://localhost:3000 (or another specified port).
Install Visual Studio Code
We recommend you install Visual Studio Code, as well as the following extensions to
help development during the program:

 Live Server Extension


 Node.js Extension Pack

To Install extensions on Visual Studio Code:

1. Open the Extensions window (Ctrl + Shift + X) in VS Code


2. In the Search box at the top, enter the name of the extension. ie: Live Server
3. Select Install. After installation, the extension will appear in the "Enabled"

Install Git
1. Navigate to the latest Git for Windows installer and download the latest version.
2. Once the installer has started, follow the instructions as provided in the Git
Setup wizard screen until the installation is complete.
3. Open the windows command prompt (or Git Bash if you selected not to use the
standard Git Windows Command Prompt during the Git installation).
4. Type git version to verify Git was installed.

Install NodeJS and npm


We recommend using a version manager when installing Node.js as versions change
very quickly. For Windows, we will
install [nvm-windows](https://github.com/coreybutler/nvm-windows) and use it to
install Node.js and Node Package Manager (npm). Follow the instructions here:

 https://docs.microsoft.com/en-us/windows/dev-environment/javascript/nodejs-on-
windows#install-nvm-windows-nodejs-and-npm

Install Express.js
Assuming NodeJS and npm were successfully installed, Express.js can be installed
via npm with the following command:

npm install express --save

For more information, please follow the Express.js Getting started guide
Install React
To install React, we recommend using [Vite](https://vitejs.dev/guide/) installed
via npm` when setting up a full React.js application:

npm create vite@latest

Install PostgreSQL
1. Navigate to PostgreSQL Windows installer and download the latest version.
2. Once the installer has started, follow the instructions as provided in
the PostgreSQL Setup wizard screen until the installation is complete.
o Follow the recommended defaults.
o When prompted for a superuser (postgres) password, set one and store
accordingly.
o Uncheck option about Stack Builder
3. Open pgAdmin client (which comes as part of the default installation) to verify the
installation.
o Start the pgAdmin application. The first time you open the application,
pgAdmin will prompt you to set a master password. To keep things simple,
we suggest to use the same password as for postgres supersuer.
o Add a New server with the following:
 Host: localhost
 Port: 5432
 Username: postgres
 Password: The password set for postgres superuser
o If the connection is successful, you should see live PostgreSQL server
stats
4. To run & use psql command line tool in the terminal, Add
PostgreSQL bin directory into the PATH system variable. Follow this instructions
o Once this is done, psql should be accesible from the command line . ie:

psql -U postgres
2.) Basic REST API Integration

You might also like