搭载一个Vue项目

创建一个Vue项目

1. 首先下载node.js

2. 在桌面上新建一个文件夹springboot+vue框架

3. 通过该文件夹打开命令提示符窗口

4. 命令行输入

   判断node.js是否安装好 ，输入以下命令

   ​ node -v

   ​ npm -v

   npm install -g @vue/cli 搭建Vue的环境

   vue -V 检测vue环境是否搭建好
   

​ 选中最后一行 enter键入

​ 选中Vuex和Router，取消Linter/Formatter （ 空格键为取消和选中，↑ ↓选择）

然后到Choose Vue version处enter键入，选择3.x

输入y之后选择In package.json enter键入

输入n等待加载

加载完，输入

等待加载

加载完成。

浏览器输入 http://localhost：8080 进入该页面

ctrl+c退出关闭

在idea内打开

在idea中选择Toolbar

启动完成。

可实现自动打开页面

assets：存放静态资源的 比如图片 css，js

components：存放组件

router：写路由的位置，把路径和页面进行了隐射，通过路径可以访问到页面

store：定义页面的变量，用户信息存储，跳转等等

views：视图的存放

package.json：组件

安装Element-plus前端样式组件

import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'
app.use(ElementPlus)

font-weight: bold   //字体加粗