Pages

Thursday, 2 February 2017

remote sdk in rubymine vagrant

                                       Just open your terminal and ssh into your vagrant and run this command


This path can be copied and pasted to the remote sdk ruby path and that's it.

Saturday, 28 January 2017

[Fixed] Angular 2, ng serve Error: no errors

                                    So guys i created an app using angular-cli and it was giving error like shown in the pic below.


This problem is due to the latest version extract-text-webpack-plugin and to solve this problem just run the command shown in the picture below.

npm install extract-text-webpack-plugin@2.0.0-rc.0 --save-dev

And this will surely solve your problem.

Monday, 23 January 2017

Node version manager in macOS Sierra

                                  It's pretty simple to install node version manager(NVM) in macOS Sierra just run these commands one by one in your iTerm2


curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.0/install.sh | bash


1
2
export NVM_DIR="$HOME/.nvm"
[ -s "$NVM_DIR/nvm.sh" ] && . "$NVM_DIR/nvm.sh"

After this type nvm into your iTerm2 as shown in the picture below.

and voila thats how you can install nvm in macOS Sierra :D 

Friday, 23 December 2016

webpack: difference between style-loader and css-loader

                                              i was doing webpack and wanted to add a css file to a page and so i went through the webpack way and wanted to implement this feature via webpack loader. There are basically two webpack loader both are used to together to accomplish this task
  1.  First is style-loader 
  2. Second is css-loader
This is my webpack.config.js file contents
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
module.exports = {
    entry:  './src/main.js',
    output: {
        path: 'build',
        filename:   'bundle.js'
    },
    module: {
        loaders:    [
            {
                test:   /\.js$/,
                exclude:    /(node_modules)/,
                loader: 'babel',
                query:  {
                    presets: ['es2015', 'react']
                }
            },
            {
                test:   /\.css$/,
                loader: 'style-loader!css-loader'
            }
        ]
    }
}; 

Here i used the 'style-loader!css-loader' (! represents pipe here) on line 19. The css-loader takes a css file and returns the css with imports and url(...) resolved style-loader takes that css from css-loader ( reason they are linked via a pipe which is represented via ! on line number 19 ) and inserts it into the page so that styles are active on the page.

Monday, 19 December 2016

Installing CouchDB in Ubuntu 16.04

                                                      CouchDB is one of the main NoSQL databases out there. Installing couchdb in ubuntu is fairly easy. Just run these following commands or follow the video inside this post.


sudo add-apt-repository ppa:couchdb/stable
sudo apt-get update
sudo apt-get install couchdb


Sunday, 18 December 2016

Installing brightness indicator in status bar of ubuntu 16.04

                                                   Hey guys just follow this youtube video you just have to run these three commands explained in the video to install a brightness indicator in you operating system.

sudo add-apt-repository ppa:indicator-brightness/ppa
sudo apt-get update
sudo apt-get install indicator-brightness



Friday, 16 December 2016

Ubuntu, Update, Upgrade, Dist-Upgrade

                                                                     Hey guys i just made a video on updating, upgrading and dist-upgrading ubuntu operating system in the following video.

sudo apt-get update
sudo apt-get upgrade
sudo apt-get dist-upgrade