地信圈H5,相关说明
地信圈H5,项目基本框架基于vuejs + element-ui + vuex + vue-router + boostrap源码构成,H5作为地信圈客户端一个辅助功能,结合微信公众平台完成,包含活动,活动报名,会员企业,动态资讯三块,每个模块都是独立存在,不与其他两功能有任和交互,入口为公众号底部菜单
构建流程
本项目使用的是vue-cli构建,对于环境需要安装node,由于vuejs要求,node版本不得低于6.0.0,建议用8.0.0以上版本(为了方便对node版本切换,可以使用nvm控制node版本,nvm地址)
从svn或git仓库中将项目检出
在cmd或terminal切换到项目目录下,使用npm install项目所依赖的模块,由于项目依赖较多,可能安装较慢(安装一次即可)。
模块安装完成后,npm run dev运行即可,默认端口是8080,如果端口被占用,将自动使用其他端口,具体在启动完成后就可看到
打包,npm run build在根目录下回多出一个dist文件夹,为打包后的文件
npm run build --report打包后文件分析表图,优化使用
注意:由于npm仓库默认为国外的服务器,所以部分模块下载可能受阻导致安装失败,在下载之前可将npm仓库设置为国内仓库,npm config set registry http://registry.npm.taobao.org/,完成后,根据需要可将仓库切换回国外仓库,命令:n