1.克隆项目
git clone git@gitee.com:panjiachen/vue-admin-template.git
2.安装依赖
npm install
3.运行项目就会自动打开网页,并且热部署插件
npm run dev
4.查看代码 //将vue-admin-template拖入到idea中即可查看代码
1)并且发现,常用的东西已经集成好了,比如: 热部署,修改代码保存就会生效。
2)而且,直接ctrl+鼠标左键,跟java代码一样,是可以查询在哪里使用的。
5.浏览工程中重要的东西
1)src/main.js
可以看出来,element-ui其实已经集成好了,包括多语言。
2)src/setting.js
可以设置title属性,设置管理系统的名字。
3)src/permission.js
这里是权限管理的逻辑,获取token,从而进行跳转到登录页面等逻辑。
4)src/router/index.js
这个很重要了,是和路由相关的东西,都有哪些页面,都在这里配置。
meta字段可以加入自定义属性,从而实现权限管理。
5)src/views
这个下面不用说了,是配合路由实现的各种页面。
6)src/api
框架封装了axios暴露为了request接口,这个api下就是各种接口了。
7)package.json
这个下面有很多打包的选项,咱们无需在gitbash中运行,点一下就能运行了,比如:打包。
6.打包
测试环境打包
npm run build:stage
这时就会生成dist包,把此包扔到linux服务器上。
7.lignux安装nginx,并且配置下上面的dist文件路径
参考blog
[linux(静态文件服务)] 1.部署vue发布后的dist网页到nginx 2.偷懒的话可以用宝塔部署nginx-CSDN博客1.windows下把开发好的vue工程打包为dist文件然后配置下nginx目录即可。2.linux上不需要安装node.js环境。https://blog.csdn.net/themagickeyjianan/article/details/133037303
ok!!!下载可以访问了。