SpringBoot之Vue项目管理器创建项目

SpringBoot之Vue项目管理器

1.在本地安装Vue3.0和node等环境后,在cmd执行vue ui

SpringBoot之Vue项目管理器创建项目

1.1如果是导入项目,则选择导入,如果文件夹没有node_modules包,则需要运行cmd到此文件夹,并运行npm install安装依赖

SpringBoot之Vue项目管理器创建项目

2.然后浏览器会弹出一个界面,选择一个文件夹,点击在此创建新项目

SpringBoot之Vue项目管理器创建项目

3.命名并选择包管理器和初始化git

SpringBoot之Vue项目管理器创建项目

4.选择手动,勾选使用配置文件,打开路由Router

SpringBoot之Vue项目管理器创建项目

5.创建不保存预设,不需要输入名字

SpringBoot之Vue项目管理器创建项目

6.导入插件element,安装完成后一定要点击完成安装,让他加载,否则安装后插件没进去

SpringBoot之Vue项目管理器创建项目
SpringBoot之Vue项目管理器创建项目

7.之后在依赖中添加axios,帮我们的样式进行提交的。还有less-loader,帮我们的样式进行处理的。还有less

SpringBoot之Vue项目管理器创建项目
SpringBoot之Vue项目管理器创建项目
SpringBoot之Vue项目管理器创建项目
SpringBoot之Vue项目管理器创建项目

8.这样我们的项目就完成了,点击任务、server、启动

SpringBoot之Vue项目管理器创建项目

9.VueApp界面打开后SpringBoot之Vue项目管理器创建项目