[vue-admin-template实战笔记]

1.克隆项目

git clone [email protected]: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！！！下载可以访问了。