vue-element-admin 安装依赖 npm install 报错解决笔记

Posted 2022-11-24 luozhuang

前端搭建踩了几个晚上的坑，原因很多大体我写下：

截至写本文node js 最新版本是^16，webpack已经到^5.0，提供框架也没有个明确教程，现有教程基本都是几年以前的，新手这样一脚踩进去是基本是出不来。

我看其他提供下载地方就这样写：“vue-element-admin:后台管理系统，用npm install项目也起不来”。真可怜啊，别人玩都玩不起来的我们还要求全部人统一用来生产环境，看来这个坑还是得自己踩。

版本说明：vue-element-admin ^3.1

1.必装软件：node js，我这里装的是^12.22
2.node -v 查看node是否已安装

3.先装加速插件安装淘宝镜像

npm install -g cnpm -registry=https://registry.npm.taobao.org

4.查看cnpm是否真安装成功 cnpm -v

补充：如何卸载重装 
npm uninstall -g cnpm --registry=https://registry.npm.taobao.org
npm set registry https://registry.npm.taobao.org
npm set disturl https://npm.taobao.org/dist
npm cache clean --force
npm WARN using --force I sure hope you know what you are doing.
npm install -g cnpm -registry=https://registry.npm.taobao.org

补充： 清除原来的包
rd node_modules /q /s

5.Yarn

npm install yarn -g

6.判断是否安装 vue、vue-cli
vue -v
npm info vue-cli

7.安装 cli 
npm install vue-cli -g

8.判断是否安装 vue -V

9.安装 webpack@3.12.0 
npm install webpack@3.12.0 -g

10.安装 express
npm install express -g

11.清除缓存 npm cache clean --force

12.安装依赖
npm install

13.运行开发环境
npm run dev