MEAN.JS is an Open-Source, full-Stack JavaScript solution for building fast, and robust web applications. MEAN.JS stack consists of MongoDB (NoSQL database), ExpressJs (NodeJS server-side application web framework), AngularJS (Client-side web application framework), and Node.js (JavaScript run-time, popular for being a web server platform). In this tutorial, we will be discussing how to install MEAN.JS stack in Ubuntu. This guide was tested in Ubuntu 18.04 LTS server. However, it should work on other Ubuntu versions and Ubuntu variants.
Table of Contents
Install MongoDB
MongoDB is a free, cross-platform, open source, NoSQL document-oriented database. To install MongoDB on your Ubuntu system, refer the following guide:
Install Node.js
NodeJS is an open source, cross-platform, and lightweight JavaScript run-time environment that can be used to build scalable network applications.
To install NodeJS on your system, refer the following guide:
After installing, MongoDB, and Node.js, we need to install the other required components such as Yarn, Grunt, and Gulp for MEAN.js stack.
Install Yarn package manager
Yarn is a package manager used by MEAN.JS stack to manage front-end packages.
To install Bower, run the following command:
$ npm install -g yarn
Install Grunt Task Runner
Grunt Task Runner is used to to automate the development process.
To install Grunt, run:
$ npm install -g grunt-cli
To verify if Yarn and Grunt have been installed, run:
$ npm list -g --depth=0 /home/sk/.nvm/versions/node/v11.11.0/lib ├── grunt-cli@1.3.2 ├── npm@6.7.0 └── yarn@1.13.0
Install Gulp Task Runner (Optional)
This is optional. You can use Gulp instead of Grunt. To install Gulp Task Runner, run the following command:
$ npm install -g gulp
We have installed all required prerequisites. Now, let us deploy MEAN.JS stack.
Install MEAN.JS Stack
Install Git if it is not installed already:
$ sudo apt-get install git
Next, git clone the MEAN.JS repository with command:
$ git clone https://github.com/meanjs/mean.git meanjs
Sample output:
Cloning into 'meanjs'... remote: Counting objects: 8596, done. remote: Compressing objects: 100% (12/12), done. remote: Total 8596 (delta 3), reused 0 (delta 0), pack-reused 8584 Receiving objects: 100% (8596/8596), 2.62 MiB | 140.00 KiB/s, done. Resolving deltas: 100% (4322/4322), done. Checking connectivity... done.
The above command will clone the latest version of the MEAN.JS repository to meanjs folder in your current working directory.
Go to the meanjs folder:
$ cd meanjs/
Run the following command to install the Node.js dependencies required for testing and running our application:
$ npm install
This will take some time. Please be patient.
Troubleshooting:
When I run the above command in Ubuntu 18.04 LTS, I get the following error:
Downloading binary from https://github.com/sass/node-sass/releases/download/v4.5.3/linux-x64-67_binding.node Cannot download "https://github.com/sass/node-sass/releases/download/v4.5.3/linux-x64-67_binding.node": HTTP error 404 Not Found [....]
If you ever get these type of common errors like "node-sass and gulp-sass", do the following:
First uninstall the project and global gulp-sass modules using the following commands:
$ npm uninstall gulp-sass $ npm uninstall -g gulp-sass
Next uninstall the global node-sass module:
$ npm uninstall -g node-sass
Install the global node-sass first. Then install the gulp-sass module at the local project level.
$ npm install -g node-sass $ npm install gulp-sass
Now try the npm install again from the project folder using command:
$ npm install
Now all dependencies will start to install without any issues.
Once all dependencies are installed, run the following command to install all the front-end modules needed for the application:
$ yarn --allow-root --config.interactive=false install
Or,
$ yarn --allow-root install
You will see the following message at the end if the installation is successful.
[...] > meanjs@0.6.0 snyk-protect /home/sk/meanjs > snyk protect Successfully applied Snyk patches Done in 99.47s.
Test MEAN.JS
MEAN.JS stack has been installed. We can now able to start a sample application using command:
$ npm start
After a few seconds, you will see a message like below. This means MEAN.JS stack is working!
[...] MEAN.JS - Development Environment Environment: development Server: http://0.0.0.0:3000 Database: mongodb://localhost/mean-dev App version: 0.6.0 MEAN.JS version: 0.6.0
To verify, open up the browser and navigate to http://localhost:3000 or http://IP-Address:3000/. You should see a screen something like below.
Mean stack test page
Congratulations! MEAN.JS stack is ready to start building web applications.
For further details, I recommend you to refer MEAN.JS stack official documentation.
Want to setup MEAN.JS stack in CentOS, RHEL, Scientific Linux? Check the following link for more details.
And, that's all for now, folks. Hope this tutorial will help you to setup MEAN.JS stack.
Resources:
Related read:
1 comment
cascading errors… no thanks!