🚀 Focused on Shopify theme and app development

Introduction to Front-End Development Tools Series

node npm cnpm yarn pnmp n nvm nnrm js jquery es5 es6 ts

Post on 2023-5-23Last edited 2026-2-3# 工具
😀
Often overwhelmed by various front-end tools, today let’s summarize and organize them.
 

📝 node npm cnpm yarn pnmp n nvm nnrm js jquery es5 es6 ts

node

Node.js® is an open-source, cross-platform JavaScript runtime environment.
https://nodejs.org/en Install the LTS version and keep clicking “Next” to proceed.
Common Commands
 
 

npm

JS pakage manager tool
https://docs.npmjs.com/getting-started
 
Frequently Used Commands
 

cnpm

JS pakage manager tool Alibaba’s China Mirror
Usage is the same as npm, but cnpm is faster, especially in China.
 

yarn

It’s also a JavaScript package management tool, but with some improvements.
Safe, stable, reliable, and reproducible. https://yarnpkg.com/getting-started/install
Common Commands
 

pnmp

It’s also a JavaScript package management tool, but with some improvements.
Save disk space and improve installation speed https://pnpm.io/zh/installation
Common Commands
 

N NVM

node version package manange tool
nvm common commands n same
 

Jquery

A JavaScript framework that was very popular during the heyday of PHP
https://jquery.com/

ES5 ES6

The International Standard for JavaScript
 
https://wangdoc.com/javascript/
 
https://es6.ruanyifeng.com/
 
TS
Typescript A super-compiled version of JS with full compatibility js jquery es5 es6
https://www.typescriptlang.org/docs/
 

🤗 Summary

Continuously being improved.
 
💡
For any questions about front-end tool installation or usage, feel free to contact me and let’s discuss together~
Loading...