I was working on a video player app in Vue and forgot about the API_KEY that I was using from google for fetching video data from YouTube which I had listed as a const variable in my App.vue file. This ended up getting pushed up to my public github repo, exposing the key that I … Continue reading Vue.js: How to hide a public API key from github
NPM
Vue.js: How to use Vue CLI to quickly create a project
Vue.js comes with a built in command line tool called Vue CLI, which makes setting up a new Vue.js project a breeze. Vue.js can be used without this, but the advantage of using Vue CLI is that it sets up a Vue.js project using Babel and Webpack and allows the project to be launched easily … Continue reading Vue.js: How to use Vue CLI to quickly create a project
Node.js: How to update Node and NPM to the latest versions
You can check to see what versions of Node and NPM you have with these commands: node -v npm -v. For example: To update NPM, you can do that at the command line with this command: npm install -g npm The output should look something like this: A good way to update Node is to … Continue reading Node.js: How to update Node and NPM to the latest versions
Node.js: How to install Node + npm and confirm the installation in less than 5 minutes
To install node.js, start at the nodejs.org website: https://nodejs.org/en/ Then click the green box to download the .msi. This will download the “node-v9.8.0-x64.msi” to your downloads folder. Then click the .msi to install node. I chose to change the path to C:\nodejs . Then once the installation is complete, restart your computer. Once the computer … Continue reading Node.js: How to install Node + npm and confirm the installation in less than 5 minutes
JavaScript: How to use gulp-watch
Assuming Gulp is already installed for your project, and your gulpfile.js file is already created, this article describes how to use the gulp-watch plugin. Here is what tutorialspoint.com says about gulp-watch: The Watch method is used to monitor your source files. When any changes to the source file is made, the watch will run an … Continue reading JavaScript: How to use gulp-watch
JavaScript: How to create Gulp tasks
Once we’ve confirmed that Gulp is installed in our project: JavaScript: How to install Gulp via NPM we are ready to start using Gulp to see what it can do. Step 1: Create a gulpfile.js file In the root directory of our project, we need to create a file called “gulpfile.js”. This file will contain … Continue reading JavaScript: How to create Gulp tasks
JavaScript: How to install Gulp via NPM
Gulp is a Node.js package that acts as a plugin to automate all kinds of web development workflow tasks. According to the official gulp website: gulp is a toolkit for automating painful or time-consuming tasks in your development workflow, so you can stop messing around and build something. To install Gulp, we need to install … Continue reading JavaScript: How to install Gulp via NPM
JavaScript: How to use NPM to install packages
NPM or “npm” stands for Node Package Manager. It is the default package manager for the JavaScript runtime environment Node.js. The NPM program is installed on your computer when you install Node.js. The website npmjs.com contains hundreds of thousands of free open source code packages that can be downloaded and used via npm. Downloading Individual … Continue reading JavaScript: How to use NPM to install packages