初识Vue项目目录结构，如何运行Vue项目

1. springBoot项目目录介绍，如何启动springBoot项目：https://blog.csdn.net/jky_yihuangxing/article/details/141926182

2. Android安卓项目目录介绍，如何正确运行Android项目： https://blog.csdn.net/jky_yihuangxing/article/details/141933510

1. 项目目录结构介绍

2. 如何运行Vue项目

1. 必须安装Nodejs，官网下载地址： https://nodejs.org/zh-cn
2. 这里忽略安装教程，安装软件真的很简单，基本上就是一直点击下一步即可
3. Nodejs是否安装成功，请在命令行输入node -v ，可查看当前版本（表示安装成功），如下图所示

4. 以上图举例，cmd到vue-ui目录下，打开项目目录文件，如下图所示：

输入cmd后，敲回车 ，就自动到达了命令窗口所指向的vue项目根目录下

5. 如果项目是第一次运行，输入以下命令

npm install

温馨提示
如果项目是第一运行，就需要执行npm install，以后再次打开项目，只需要运行npm run dev命令即可

如下图所示，等待依赖下载（网络不好的话，可能需要一些时间），下载完成，项目根目录下会多一个node_modules文件夹，这个文件夹就是第三方依赖库，如：axios，element-plus 等

6. 接着输入命令

npm run dev

如下图所示：

此时，会默认自动打开登录页面，如下图所示：

3. 为什么会自动打开登录页面？

原因是在router（路由）下，配置了默认打开页面为登录页