【web开发记录vue前端开发1】

---

前言

提示：这里可以添加本文要记录的大概内容：
本次学习的目标：开发完成一个生产管理系统，初步确定使用的框架是vue+springboot。

---

提示：以下是本篇文章正文内容，下面案例可供参考

一、第一步搭建环境

主要安装的工具包括：java，nodejs，vue3，VScode，eclipseIDE,spring boot，mysql。
系统：ubuntu
安装方法：百度

二、vue3前端新建项目

1.新建项目

两种方式：
a\命令行
npm create XXX（项目名称）
一系列的询问包括：

npm create xxx（项目名称）
? Please pick a preset: (Use arrow keys)
❯ default (babel, eslint)
  Manually select features
自动构建完成项目后
npm run serve

完成后自动创建项目；
运行项目：npm run serve(不是server）
b\vue ui
图形化项目管理器，自动在浏览器中打开管理页面，按页面指导进行操作即可
如下：

2.在vscode中打开项目所在的文件夹

项目目录如下：

该处使用的url网络请求的数据。

3.给项目中的页面添加背景图片

方法：两种方法
a，在整个项目的页面中添加背景图片
代码：

效果：

b，在起始页中增加背景图片
代码：

效果：

具体的添加图片的方式还有很多方法，以后实践中再深入的学习。

---

总结

第一天的任务先写到这里，接下来会有进一步的开发学习文。