vue使用

前些天学习了一下前端框架vue,参考知乎登录页面做个了简单的登录页面。

参考了https://www.jianshu.com/p/32beaca25c0d这篇文章建立了vue脚手架。主要流程如下:

1. 安装node.js

2. 运行后台 npm run dev 

3. 打包上线 npm run build

主界面:

vue使用_第1张图片vue使用_第2张图片

项目主要文件和打包的文件上传到百度云。

链接: 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+/

 

你可能感兴趣的:(vue使用)