XDocsnpm包推荐
主要用于收集+介绍一些有用的npm包。
mddir
可以快速的生成本目录下的目录结构(目录树)
全局安装
sh
npm install mddir -g打印结构
会生成
directoryList.md的文件, 并且在控制台打印目录树
sh
mddirnvm
可以
免卸载，快速的切换/管理/安装node版本
全局安装
sh
npm install nvm -g使用
sh
nvm help # 查看使用命令大全
nvm list # 查看已经安装的node版本
nvm use 18.17.1 #使用该版本
nvm list available # 查看可安装的node版本大全注意事项
每个
node版本对应一个npm版本, 因此每个node版本安装的包，都仅限于该版本使用。
如果切换了版本, 需要重新安装。
nrm
可以
免重置镜像，内置npm,yarn,cnpm和taoboa等多个镜像。
全局安装
sh
npm i nrm -g使用
sh
nrm use npm # 切换到npm
nrm ls #显示所有镜像pnpm
比npm更快，将已经下载过的依赖，保存到硬盘缓存，别的项目从缓存读取。
全局安装
sh
npm i pnpm -g使用
sh
# 和npm一样使用
pnpm i element-ui --saveNodemon
代替node启动js文件(node服务器)，在js文件每次修改时，自动重启。
全局安装
sh
npm install nodemon -g使用
sh
nodemon ./server.js # 启动js文件框架的脚手架
vue2: vue-cli(旧), 新版推荐使用
npm init vue@latest,这个指令会自动执行create-vue
react: create-react-app
全局安装
sh
npm install vue-cli -g
npm install create-react-app -g使用
sh
vue -V #检测vue-cli版本
vue create my-project #创建vue项目
# 如果已经安装脚手架
create-react-app --version #查看版本
create-react-app my-app #创建react项目
# 如果没有安装react脚手架，
# 也可以用npx创建react项目
npx create-react-app my-app #创建react项目,
# npx是从npm5.2+版本就自带的，不需要另外安装。vue3使用vite
sh
npm init vite@latest
# 使用vite选择对应的模板，可选大部分框架的模板TSC
一个官方推荐和开发的，自动运行+编译ts文件的typescript包
安装
sh
cnpm install typescript -g #安装
tsc -v #检测是否安装成功使用
sh
tsc -help #帮助
tsc -w xx.ts #监测ts文件变化，并且自动编译serve
项目
build后，都要先在本地测试一遍服务器，是否有bug。
常规是使用five server,live server,
但是会加重vscode的卡顿负担。
推荐一个全局工具包serve
安装
sh
npm i serve -g #安装依赖包，用于启动本地服务器使用
sh
serve -s dist
#一般打包以后, 打包后的项目，都与src同级别，一般是dist目录
# 也可以 serve -s ./dist
# 并且自带监听端口，类似于nodemonrimraf
一个用命令行快速删除大型文件的工具
前端node_modules文件夹经常因为下载依赖包出错而要删除，
使用系统自带的删除非常慢, 且有时候系统会卡死, 因为系统要检索文件。
使用rimraf工具，可以快速删除选定的文件夹及内容。
安装
sh
cnpm i rimraf -g #安装依赖包，用于删除文件夹使用
sh
rimraf node_modules #删除node_modules文件夹