前些天学习了一下前端框架vue,参考知乎登录页面做个了简单的登录页面。
参考了https://www.jianshu.com/p/32beaca25c0d这篇文章建立了vue脚手架。主要流程如下:
1. 安装node.js
2. 运行后台 npm run dev
3. 打包上线 npm run build
主界面:
项目主要文件和打包的文件上传到百度云。
链接: https://pan.baidu.com/s/1TeUQfxLsp5PvdwJlMRrGsQ 提取码: svii
index.html 和 src 文件夹是源文件,dist 文件夹是build打包自动生成的html页面文件。打开 dist 文件夹下 index.html 即可浏览页面。源码里注释掉了用户名密码与后台交互的代码,使用用户名"lulu"密码"12345"可以固定登录。
tips: windows下 vs code快捷键
代码格式化:shift+alt+f;
注释:ctrl+/