vue 安装element_Vue、Spring Boot开发小而完整的Web前后端分离项目实战04

第04讲 项目目录介绍与Element依赖引入

1.2、element安装

1.2.1、element UI 官网 https://element.eleme.cn/#/zh-CN/component/installation

1.2.2、安装element npm i element-ui -S

1.3、element引入 https://element.eleme.cn/#/zh-CN/component/quickstart

1.3.1、在项目中main.js中引入

import ElementUI from 'element-ui'; //引入element组件库

import 'element-ui/lib/theme-chalk/index.css'; //引入element样式文件

Vue.use(ElementUI); //使用element

1.4、测试element是否引入成功

在项目的页面 输入 新增，启动项目，如下效果说明element引入成功

1.3、cs code插件安装

Vetur 这个插件是 vscode 能优雅写 Vue 的核心，代码高亮，语法检查等

Vue VSCode Snippets 代码补全

Element UI VSCode Snippets vscode-element-helper element的代码提示

1.4、解决css属性在html标签里面不提示问题

1.4.1、设置 -> 搜索prevent -> 把Snippets Prevent Quick Suggestions 勾掉即可

1.4.2、如果是vue页面，需要把vs code右下角的页面模式选择为 html 即可