In this tutorial, I will show you how to use https://stackblitz.com/ with a vercel online application. You can test it on nextjsthreejs001.vercel.app and see the source code on my GitHub project. You need to have one for each of these three accounts. Use GitHub to create a new repo for your application. Create a Next… Read More »
The new version 18 for Node.js comes with a watch mode, so you might not need nodemon. You can enable that using the –watch flag to watch the entry point and any imported module. To be more granular, –watch-path allows you to specify a particular directory that should react to changes. These flags cannot be… Read More »
Node.js is a platform built on Chrome’s JavaScript runtime for easily building fast, scalable network applications. This tutorial is based on Fedora 30 distro.
1 2 3 4 5 6 | [root@desk mythcat]# dnf install nodejs Last metadata expiration check: 0:58:43 ago on Mon 12 Aug 2019 10:01:29 AM EEST. Package nodejs-1:10.16.0-3.fc30.x86_64 is already installed. Dependencies resolved. Nothing to do. Complete! |
Let’s see the version for npm and nodejs:
1 2 3 4 | [mythcat@desk ~]$ npm --version 6.9.0 [mythcat@desk ~]$ node --version v10.16.0 |
Ionic Framework is the free, open source mobile UI toolkit for developing high-quality cross-platform apps for native iOS, Android, and the… Read More »
I will use the example from my tutorial. Install electron-packager:
1 | \nodejs\electronapp>npm install electron-packager --save-dev |
You need to add and modify the scripts below into your package.json:
1 2 3 4 5 6 7 8 9 10 11 12 | "electron-packager": "^8.1.0" }, "scripts": { "package-mac": "electron-packager . --overwrite --platform=darwin --arch=x64 --icon=assets/icons/mac/ icon.icns --prune=true --out=release-builds", "package-win": "electron-packager . electron-tutorial-app --overwrite --asar=true --platform=win32 --arch=ia32 --icon=assets/icons/win/icon.ico --prune=true --out=release-builds --version-string.CompanyName=CE --version-string.FileDescription=CE --version-string.ProductName=\"TutorialApp\"", "package-linux": "electron-packager . electron-tutorial-app --overwrite --asar=true --platform=linux --arch=x64 --icon=assets/icons/png/1024x1024.png --prune=true --out=release-builds" } |
You can create these folders: assets, icons, win, mac and png, see:
1 2 3 4 5 6 7 | \nodejs\electronapp>mkdir assets \nodejs\electronapp>cd assets \nodejs\electronapp\assets>mkdir icons \nodejs\electronapp\assets>cd icons \nodejs\electronapp\assets\icons>mkdir win \nodejs\electronapp\assets\icons>mkdir mac \nodejs\electronapp\assets\icons>mkdir png |
You need one icon file with this extension .png, .ico and .icns for each folder. You can find… Read More »
In this tutorial, I will show you how to build an application with electron and node.js. Electron is a framework for creating native applications with web technologies like JavaScript, HTML, and CSS and you can build cross-platform desktop applications free. The official website can be found here. Download node.js and install on your operating system.… Read More »
About TypeScript is an open-source language and compiler that runs both in the browser -through SystemJS and on NodeJS. Is developed by Microsoft, like an open-source language and compiler that runs both in the browser through SystemJS and on NodeJS. Now TypeScript compiles to clean, simple JavaScript code. You can runs on any browser, in… Read More »
Node.js is a platform for easily building fast, scalable network applications. Download the archive from here. Unarchive and you can use it.
1 2 3 | [free-tutorials@free-tutorials ~]$ cd node-v0.10.10-linux-x86/ [free-tutorials@free-tutorials node-v0.10.10-linux-x86]$ ls bin ChangeLog lib LICENSE README.md share |
The nodemon can be used during the development of a node.js based application. How? will watch the files in the directory that nodemon was started. Also, it will automatically restart your node… Read More »