/vue_template

vue项目模板

Primary LanguageJavaScript

segma前端模板项目

项目说明

本项目是关于西格马前端团队使用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"
 ]

SonarScanner检查工具

npm run sonar

SonarScanner检查工具说明：
详细说明

私有化部署

  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（地址结尾请勿加/）

开发规范

SEGMA技术团队-前端开发规范