Vue + Element

Vue3

Vue2

 

一、Vue

### 安装
```shell
$ npm install --global vue-cli   # 全局安装 vue-cli
$ vue init webpack vpage   # 创建一个基于 webpack 模板的新项目

#打包
$npm run dev  # 生成localhost调试
$npm run build  # 打包，生成到dist

二、Vue CSS样式

1、通过 label-position 属性来改变表单域或标签的位置，可选的值有 top/left/right ，默认的是 right ，

lable-position 必须要和 label-width（表单域标签的宽度，作为 Form 直接子元素的 form-item 会继承该值） 共同使用，才会生效。

2、 CSS样式之全局引入与局部引入

1.在src/assets/css目录下新建scss文件，如：文件名为my-mint.scss
2.在文件样式中写入样式
3.在main.js中引入则为全局。

4.import ‘./assets/css/my-mint.scss’;//全局修改样式
5.在局部引入：在样式标签style下方写成 @import“…/…/…/assets/css/my-mint.scss”引入 //为局部引入

 

三、Vue solution

BootCDN- CDN加速服务

 https://webpack.docschina.org/configuration/externals

 

Vue首页加载过慢 解决方案

vue性能优化之cdn引入vue-Router问题

四、Vue示例

1.vue-admin-beautiful
开源地址：github.com/chuzhixin/vue-admin-beautiful/
演示地址：chu1204505056.gitee.io/vue-admin-beautiful/
pro 演示地址：chu1204505056.gitee.io/vue-admin-beautiful-pro/
vue3.0 版演示地址：chu1204505056.gitee.io/vue-admin-beautiful-mini/

2.ant-design-vue-pro
https://preview.pro.antdv.com/dashboard/workplace
https://github.com/vueComponent/ant-design-vue-pro

3.vue-element-admin
https://panjiachen.gitee.io/vue-element-admin/#/dashboard
https://github.com/PanJiaChen/vue-element-admin

npm install 报错

4.d2-admin
https://d2.pub/d2-admin/preview/#/demo/components/index
https://gitee.com/d2-projects/d2-admin

5.vue+element
https://lin-xin.gitee.io/example/work/#/dashboard
https://github.com/lin-xin/vue-manage-system

6.layuiadmin pro
https://www.layui.com/admin/pro/

7.vue+element
https://bp.huijiewei.com/admin 账号：13098761234 密码：123456
https://github.com/huijiewei/yii2-boilerplate

含php

8.gentelella (Bootstrap 4)
https://colorlib.com/polygon/gentelella/index.html
https://github.com/ColorlibHQ/gentelella

9.AdminLTE 3 (Bootstrap 4)
https://adminlte.io/themes/v3/
https://github.com/ColorlibHQ/AdminLTE

10.ngx-admin (angular10)
https://www.akveo.com/ngx-admin/themes
https://github.com/akveo/ngx-admin

11. vue-antd-admin
https://iczer.gitee.io/vue-antd-admin
https://gitee.com/iczer/vue-antd-admin

 

其他：

https://github.com/ifzc/Shkjem

https://www.wangyanan.online/#/

响应式企业官网