前置条件

安装了node.js,版本最好为14.x,不同版本依赖可能下载不下来

部署流程

一:首先找到vue项目的所在文件夹,不是说所有的项目都是vue的项目,可以根据vue项目的目录结构找出对应的文件夹

示例:

image-20240704170457957

如上所示:StatuteUser文件夹下面有package.json文件,代表StatuteUser这个文件夹为一个Vue的工程项目,后续打开也是打开StatuteUser这个文件夹,一般来说标准的Vue项目都会有package.json文件,所以关注这个即可,其他的目录结构也会类似,不需要管文件的多少。

反面示例:

image-20240704170724217

此Statute文件夹中有pom.xml文件,明显就是一个JAVA工程,所以Statute整个文件夹为一个JAVA项目,可用Idea打开此文件夹

二:找到前端文件夹之后,在文件夹的路径出点击一下,然后输入cmd

image-20240704170944769

输入cmd如下所示

image-20240704170957442

输入完成之后按电脑键盘【回车键】,后续电脑会弹出对应的命令行窗口

image-20240704171101586

输入命令安装依赖点击回车:

# 强烈建议不要用直接使用 cnpm 安装,会有各种诡异的 bug,可以通过重新指定 registry 来解决 npm 安装速度慢的问题。
npm install --registry=https://registry.npmmirror.com

image-20240704171257485

安装完成之后进行项目启动,项目启动命令为 npm run dev 或者npm run serve ,输入命令启动报错就使用另外一个。

image-20240704172010411

image-20240704171623533

项目访问:

image-20240704172242813

至此Vue项目启动完毕!