Quick Start Labels
https://vanillawebdev.blogspot.com/search/label/coding-tips
Coding Tips
3
https://vanillawebdev.blogspot.com/search/label/project-setup
Project Setup
6
https://vanillawebdev.blogspot.com/search/label/starter-code
Starter Code
5
Reading List
https://jackwhiting.co.uk/posts/lazy-loading-vanilla-js-with-webpack-laravel-mix
https://medium.com/free-code-camp/reducing-css-bundle-size-70-by-cutting-the-class-names-and-using-scope-isolation-625440de600b
Libraries
https://github.com/verlok/vanilla-lazyload
Developer Resources
https://webpack.js.org/configuration/output/
https://web.dev/articles/preload-critical-assets
Reading List
https://www.codemzy.com/blog/how-to-name-webpack-chunk
How to name a webpack chunk (including split and common chunks)
Reading List
Featured Post
https://vanillawebdev.blogspot.com/2024/02/installable-web-app.html
Make Your Web App Installable
February 16, 2025How to make your web app installable.
true
https://vanillawebdev.blogspot.com/search/label/homepage
homepage
https://vanillawebdev.blogspot.com/search/label/project-setup
project-setup
Featured Post
Sidebar Labels
https://vanillawebdev.blogspot.com/search/label/app-component
App Component
1
https://vanillawebdev.blogspot.com/search/label/coding-tips
Coding Tips
3
https://vanillawebdev.blogspot.com/search/label/css-tips
CSS Tips
3
https://vanillawebdev.blogspot.com/search/label/data-server
Data Server
2
https://vanillawebdev.blogspot.com/search/label/layout
Layout
1
https://vanillawebdev.blogspot.com/search/label/project-setup
Project Setup
6
https://vanillawebdev.blogspot.com/2025/09/auto-open-project-folder-devtools.html
https://vanillawebdev.blogspot.com/
https://vanillawebdev.blogspot.com/2025/10/create-linux-terminal-shortcut-chromeos.html
How To Create Linux Terminal Shortcut Command in ChromeOS
October 11, 2025
2025
October
12
03:48 AM
Tips on creating custom command in ChromeOS to execute node command on a certain folder.
To quick start a javascript project, I usually add a shortcut for the terminal, for example, I could run a custom xml command to start a development server for one of my project from the penguin terminal:
tmp7@penguin:~$ xml
Servers running at:
src/: http://localhost:4200/pages/How To Add
Use vscode.dev to edit the .bashrc file in the root of Linux files folder.
Next, to create a custom command, write it like a function, like so:
xml() {
cd ~/blogger-templates/xmlexpr
node server
}The above example will execute a node command inside a certain folder when I enter the xml command in the penguin terminal.
After the file is saved, you will have to apply the update by running the following command in the terminal (or restart your PC):
source ~/.bashrcIf you want to make a shortcut out of that, insert the following line to the .bashrc file:
alias update='source ~/.bashrc'Then, after applying the update, you can run update command in the terminal.
https://vanillawebdev.blogspot.com/search/label/chromeos
chromeos
https://vanillawebdev.blogspot.com/2025/09/auto-open-project-folder-devtools.html
https://vanillawebdev.blogspot.com/