
vue脚手架
ZC97
这个作者很懒,什么都没留下…
展开
-
vue脚手架项目上线相关配置
1、通过node创建web服务器:创建node项目,并安装express,通过express快速创建web服务器,将vue打包生成的dist文件夹,托管为静态资源即可:新建文件夹:在编辑器中打开文件夹,在终端中依次进行如下操作:2、开启gzip配置:使用gzip可以减少文件体积,使传输速度更快注意:3、配置HTTPS服务申请免费的SSL证书(https://freessl.org)a.进入https://freessl.cn/官网,输入要申请的域名并选择品牌b.输入自己的邮箱并选择相关选项原创 2021-01-27 12:13:23 · 228 阅读 · 0 评论 -
el-cascader占满全屏
在使用el-cascader组件时,发现如果渲染的数据过多时,组件的高度就会占满整个屏幕的高度,而el-cascader组件不会自动加上滚动条;解决办法:在全局样式中设置:原创 2021-01-22 15:41:03 · 1079 阅读 · 0 评论 -
vue-将新创建的分支推送到码云
原创 2021-01-20 22:16:59 · 182 阅读 · 0 评论 -
将本地代码提交托管到码云中
将被修改过的文件添加到暂存区:原创 2021-01-20 11:15:16 · 86 阅读 · 0 评论 -
语法处理-处理vue项目中的ESLint语法报错问题
原创 2021-01-20 11:14:51 · 177 阅读 · 0 评论 -
vue实现退出功能
原创 2021-01-20 11:14:32 · 481 阅读 · 0 评论 -
路由导航守卫控制访问权限
如果用户没有登录,但是直接通过URL访问特定页面,需要重新导航到登录页面:原创 2021-01-20 11:14:08 · 163 阅读 · 0 评论 -
vue-登录成功之后的跳转页设置
原创 2021-01-20 11:13:29 · 1939 阅读 · 0 评论 -
elementUI配置message全局弹框组件
原创 2021-01-19 16:51:36 · 1885 阅读 · 0 评论 -
elementUI-表单预验证
原创 2021-01-19 15:56:04 · 114 阅读 · 0 评论 -
elementUI重置表单项
1、为表单el-form-item添加ref应用,ref的值就是组件的实例对象2、为重置按钮绑定响应函数,在函数获取表单实例对象调用resetFields方法原创 2021-01-19 15:39:28 · 1240 阅读 · 0 评论 -
elementUI实现表单数据验证
1、为el-form添加:model="form"进行数据绑定2、为每个表单项el-input添加:v-model=“form.name”绑定到数据对象上具体的属性中3、表单数据验证:3.1为el-form添加:rules="rules"绑定校验规则对象3.2在校验规则对象中添加校验规则的属性3.3在el-form-item中添加prop=“校验规则名称”...原创 2021-01-19 15:26:14 · 295 阅读 · 0 评论 -
vue-导入字体图标库
原创 2021-01-19 14:59:29 · 155 阅读 · 0 评论 -
element-ui中加入前置icon图标
原创 2021-01-19 14:52:59 · 820 阅读 · 2 评论 -
box-sizing用法
原创 2021-01-19 14:41:11 · 325 阅读 · 0 评论 -
vue项目导入element-ui
将需要用到的组件导入element.js,并将其注册为全局组件原创 2021-01-19 14:40:33 · 182 阅读 · 1 评论 -
vue_shop制作登录页面
1、使用webstorm打开项目,在终端运行“git status”命令查看当前工作区域是否干净:2、创建login分支:在终端运行“git checkout -b login”运行“git branch”查看所有分支:3、打开vue的可视化面板:点击运行编译项目,然后点击启动app查看项目的运行效果:4、删除当前项目下的view文件夹以及component文件夹下的helloworld.vue文件,清空工作区域:5、创建Login.vue组件:6、在router下的index.js中将Log原创 2021-01-19 14:07:24 · 131 阅读 · 0 评论 -
vue-启动后台项目并用postman测试后台项目接口是否正常
1、打开终端进入后台项目所在的目录,运行“npm install”命令安装运行所需的所有依赖项2、执行“node . \app.js”命令将API接口项目跑起来3、安装postman4、例举其中登录作为测试用例:原创 2021-01-19 12:02:34 · 1222 阅读 · 0 评论 -
vue-后台项目的环境安装配置-安装mysql数据库
安装mysql数据库其它选项菜单》服务管理器》Apache》停止通过PHPstudy执行脚本,从而得到一个数据库:mysql管理器》mysql导入与导出》输入默认密码“root”》选择还原文件》还原到数据库名与脚本名称保持一致验证数据库是否导入成功:选择其他选项菜单》mysql工具》打开数据库目录若phpstudy2016运行出错可以参考这篇博文:将脚本移到桌面:https://www.cnblogs.com/LiQingXin/p/14265582.html此时证明数据还原成功:.原创 2021-01-18 23:46:02 · 608 阅读 · 0 评论 -
前端项目初始化步骤
1、安装vue脚手架win+R打开终端输入“vue ui”指令进入图像化界面创建vue脚手架项目;2、配置路由:3、配置Element-UI组件库4、配置axios库:5、将本地项目托管到码云中:打开终端输入“ssh-keygen -t rsa -C “xxxxx@xxxxx.com””按照提示完成三次回车,即可生成 ssh key。通过查看 ~/.ssh/id_rsa.pub 文件内容,获取到你的 public key首次使用需要确认并添加主机到本机SSH可信列表。若返回 Hi XXX!原创 2021-01-18 22:58:23 · 197 阅读 · 0 评论