优质的广州微网站建设,百度账号登录,网站建设昆山花桥,临淄关键词网站优化首选公司1.克隆项目
git clone gitgitee.com:panjiachen/vue-admin-template.git 2.安装依赖
npm install 3.运行项目就会自动打开网页#xff0c;并且热部署插件
npm run dev 4.查看代码 //将vue-admin-template拖入到idea中即可查看代码
1)并且发现#xff0c;常用的东西已经集…1.克隆项目
git clone gitgitee.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下载可以访问了。
