前端模板项目

更新操作

本项目更新请强制同步：https://gitee.com/realucas/vue_template

项目说明

本项目是前端团队使用Vue开发项目的模板项目。 更多请见：vue_template

运行前须知

• 请检查public/index.html中title字段修改为项目所需title
• 请检查package.json中name和version字段修改
• 检查README.md中关于项目说明修改

安装依赖

npm install

本地运行

npm run serve

打包开发版

npm run build:dev

打包正式版

npm run build:prod

运行npm run build命令，生成对应的打包分析页面

npm run report

Eslint代码检查

npm run lint

Eslint代码自动修复

# 只能修复部分问题，有些问题需要手动修复
npm run lint:fix

Eslint工具说明：

• 本项目所用命令默认只会检查src目录下所有的js和vue文件。
• .eslintignore文件默认添加了对src/assets目录下所有js文件的忽略

Stylelint代码检查

npm run stylelint

Stylelint代码自动修复

# 只能修复部分问题，有些问题需要手动修复
npm run stylelint:fix

Stylelint工具说明：

• 本项目所用命令默认只会检查src目录下所有的html,vue,css,less文件。
• 在src/assets目录下新增样式文件会进行检测，如果有不需要检测（如第三方样式、已经压缩的样式）的文件请添加至.stylelintignore
• 如果在src/assets目录下添加了需要忽略的文件，但是检查未通过，可以将package.json中这段代码暂时删除（删除但不要提交到代码仓库）：

"src/**/*.{html,css,less,vue}": [
     "stylelint --fix",
     "git add"
 ]

私有化部署

1. 将.env.privatizationVue应用环境变量文件中的需要动态变化的参数改为变量名=#变量名的形式。
2. 在Dockerfile.privatization文件中添加docker运行环境变量。
3. 在./nginx/run.sh添加docker运行环境变量对Vue应用环境变量替换，参考第三行。
4. Vue应用构建命令npm run build:privatization。
5. docker运行命令，通过-e指定环境变量:

docker run --name DOCKER_NAME -p 8080:80 -e VUE_APP_TEST=TEST  -d IMAGE_NAME:TAG

默认nginx代理地址可通过VUE_APP_SERVER_URL变量配置，路径格式为完整url，如http://27.0.0.1（地址结尾请勿加/）