Spring Cloud项目搭建(六)

前后端分离

使用前端框架为Vue CLI官网

在IDEA上如何使用Vue CLI工具?

  1. 设置Git工具。
    在这里插入图片描述
  2. 查看Vue版本信息,查看是否有安装Vue环境。
    在这里插入图片描述
  3. 安装环境命令 或者将VUE更新 npm install -g @vue/cli
    在这里插入图片描述
  4. 创建Vue项目 vue create admin 创建成功后按照提示命令运行项目。检测是否成功
    在这里插入图片描述在这里插入图片描述

目录结构介绍

在这里插入图片描述

  1. node_modules: 存放npm命令下载的开发环境和生产环境的依赖包。

  2. . public: 存放了“首页入口文件index.html”以及“静态资源“
    在这里插入图片描述

  3. src: 这里是我们要开发的目录,基本上要做的事情都在这个目录里。里面包含了几个目录及文件:

    • assets: 放置一些图片,如logo等。
    • components: 目录里面放了一个组件文件,可以不用。
    • App.vue: 项目入口文件,我们也可以直接将组件写这里,而不使用 components 目录。
    • main.js: 项目的核心文件。
  4. package.json: 项目配置文件

猜你喜欢

转载自blog.csdn.net/weixin_42789301/article/details/107850740