如何顺利打开黑马苍穹外卖前端页面？/前端环境搭建步骤

处理了一个早上加下午的bug

接下来来详细记录一下

若之前有安装过npm和vscode的，避免发生版本冲突情况的，可以考虑全部删掉，再重新安装，

卸载方法如下：

如何全方位卸载Node.js?a later version of node.js is already installed. Setup will now exit.ERROR-CSDN博客

我的例子：我之前安装的是黑马javaweb所提供的npm与vscode，现在在学的是黑马苍穹外卖的前端部分，之前安装的javaweb的npm版本过高。

---

vscode：我使用的是苍穹外卖提供的vscode安装包，但仍然发生了一些bug，解决方案如下：

安装程序不能创建目录“E:\Microsoft VS Code“ 错误 5 ：拒绝访问-CSDN博客

npm：网友说是安装14版本以下的。 我参考的是这个网友写的方法安装的。但我感觉黑马苍穹那个应该也可以。

超详细的node.js安装以及以往版本(低版本)_nodejs历史版本安装-CSDN博客

---

安装完毕后，

开始配置相关环境

1.以管理员身份输入以下，注意，文件夹是指有以下的文件夹

 npm config set prefix ""

2.输入以下，检查第一步操作是否有误(若无任何乱七八糟的东西弹出来，即说明没有问题)

npm config get prefix

3.输入以下 (若无任何乱七八糟的东西弹出来，即说明没有问题)

npm config set registry https://registry.npm.taobao.org

 4.输入以下

npm install -g @vue/cli

以下，说明安装成功 

这一part的配置相关环境，参考的是

Day03-04. 前端工程化-环境准备_哔哩哔哩_bilibili

---

确认安装成功与否，以及确认版本

这是我自己下载，然后得到的版本号，这三个版本号是可以加载出苍穹外卖前端页面的

---

前端Day2-01-前端环境搭建_哔哩哔哩_bilibili

在看以上视频的时候，出现了一些问题

解决方法分别如下

npm install 无反应 npm run serve 无反应-CSDN博客 

Parsing error: Cannot find module @typescript-eslint/parser-CSDN博客 

---

希望可以帮助到大家！