新机便捷开发流程总结：

1、开发工具下载地址

vsCode下载地址：https://code.visualstudio.com/Download

hbuilderX下载地址：https://www.dcloud.io/hbuilderx.html

nodejs下载地址： https://nodejs.org/en/download 安装v16.14.0

mongodb下载地址：https://www.mongodb.com/download-center/community

微信开发者工具：https://developers.weixin.qq.com/miniprogram/dev/devtools/devtools.html

2、插件下载地址

jquery：https://www.jq22.com/jquery-info122

swiper：https://www.swiper.com.cn/download/index.html 下载4.5.3版本即可

echarts：https://www.runoob.com/echarts/echarts-install.html

layui: https://layui.gitee.io/v2/docs/

bootstrap: https://v3.bootcss.com/getting-started/#download

3、npm全局安装插件

npm i -g nodemon 热更新

npm i nrm -g nrm 切换npm包来源的第三方工具包

npm i webpack@4 webpack-cli@4 -g webpack打包工具全局安装

npm i -g @vue/cli vue脚手架 vue create 项目名（创建项目）

npm i -g create-react-app react安装 create-react-app 项目名（创建项目）

npm i -g typescript@4.7.2 TS 全局安装

4、vsCode插件

chinese 中文汉化

Vue Language Features (Volar) 便捷插件

Vue VSCode Snippets vue快捷指令插入代码片段

（常用插件装上，汉化，liveserver，open in browser,volar,vscode snippets）

5、快捷指令

npm list -g --depth 0 查看npm安装过的全局包