手把手带你跑起来 苍穹外卖 前端项目

学习完苍穹外卖后端开发之后，想自己敲一敲前端代码，回顾下vue，结果在运行的时候发现运行不起来，看弹幕说是版本控制的问题，然后搞了一天尝试了许多版本 终于搞定了 现在整理下，也算是nodejs前端项目部署笔记。

我的解决思路是
卸载当前电脑node
下载nvm进行node版本管理
下载nvm v1.1.7.
下载node v12.22.12 （配套的npm 6.14.16
@vue/cli 5.0.8

项目下载

首先是项目下载，在B站视频会有资料领取方式，也是关注公众号“黑马程序员”，然后点击领取资料就可以把资料保存到网盘，自己下载就好

卸载历史版本nodejs等

全网最详细的nodejs卸载和安装教程_卸载node.js-CSDN博客

下载nvm

为了让电脑适配更多前端项目，我们使用nvm进行nodejs版本控制

具体下载需要到nvm的github找release，目前最新版本是1.2.2（日期：2025年1月8日）。

为了更好兼容苍穹外卖 我们使用1.1.7的nvm，在GitHub上往下翻就可以找到

下载之后，以管理员身份运行，一路agree就好，nvm的位置建议下载到D盘（我的电脑如果放到c盘会出现奇怪的问题

第二个地址是nodejs的路径，放在d盘下就行

下载完成之后就是这样

settings文件改成一下

root: D:\nvm
path: D:\nodejs
node_mirror: https://npmmirror.com/mirrors/node/
npm_mirror: https://npmmirror.com/mirrors/npm/

随后打开命令行 输入就可以查看下载情况

nvm version

下面命令可以查看可以使用的版本

nvm ls available

下载node

我们安装12.22.12版本的node

nvm install 12.22.12

理论上可以安装成功，然后使用命令切换node版本

nvm use 12.22.12

可以使用这两个命令验证下node是否正常

node -v
npm -v

随后对代理进行配置

 npm config set prefix ""
 npm config get prefix    //若无任何乱七八糟的东西弹出来，即说明没有问题
 npm config set registry https://registry.npm.taobao.org

最后安装一下vue

npm install -g @vue/cli

最后得到vue版本

C:\Users\JialiangLi>vue --version

@vue/cli 5.0.8

随后进入到项目文件夹，使用命令安装即可

npm install

第一次写CSDN教程 不是很详细请多见谅
我感觉项目跑不起来的主要问题是版本控制，所以在博客里面主要列举了我所下载的工具版本
如果遇到其他问题欢迎评论区列出来 一起讨论