vue spa starter

многостраничная система

Эта система была перенесена на сборку vue-cli-service и может использоваться «из коробки».

предположение

• Окружающая среда: >= node8 + пряжа
• Редактор: vscode

начинать

yarn # npm i
yarn run dev # 默认入口为src/pages/*/index.js

Конфигурация среды

.env # 默认配置
.env.local # gitignore，会merge .env
.env.prod
.env.prod.local # gitignore，会merge .env.prod 

КоммитЛинт

Согласно общей спецификации типа

• подвиг: новая функция (функция)
• исправить: исправить ошибку
• документы: документация
• стиль: настройка стиля
• рефакторинг: Рефакторинг функции
• тест: добавить тест
• рутинная работа: изменения в процессе сборки или вспомогательных инструментах
• perf: оптимизация производительности
• вернуться: отменить фиксацию

 # type: 提交类型  scope: 变动范围  type为必需，scope选填
# git commit -m '${type}(${scope}): some message'
git commit -m ' feat: 增加 xxx 功能'
git commit -m ' fix: 修复 xxx 功能'
git commit -m ' fix(UserController): [bug005]修复用户权限问题' 

Эслинт

Изменено .eslintrc.js

• 0 отключить
• 1 предупреждение
• 2 ошибки

Характеристики кода

• https://github.com/airbnb/javascript
• Файлы .vue и связанные папки именуются строчными буквами, разделенными знаком - , например: button-group

Примечание

• js-polyfill был глобально введен в cdn через html, и для решения проблемы нет необходимости использовать babel-polyfill или transform-runtime .
• Настройте тему element-ui через ~/src/styles/element-theme.scss
• Общие стили записаны в ~/src/styles/${THEME}/app.scss
• Основные переменные стиля названы в ~/src/styles/${THEME}/variables.scss Стили компонентов унифицируют тему посредством определенных переменных.
• Библиотека значков размещена по адресу https://www.iconfont.cn/ (в настоящее время в учетной записи github/evanliu2968).
• https://serverfault.com/questions/506972/nginx-why-i-cant-put-proxy-set-header-inside-an-if-clause

Улучшение проекта

Диаграмма

• электронные диаграммы
• ~/src/components/common/vue-echarts

загрузить

• components/common/file-upload ie10+ FormData, загрузка ie9 iframe

зашифрованная передача

• https://blog.csdn.net/baidu_22254181/article/details/82594072
• В настоящее время используется симметричное шифрование AES, ~/src/libs/auth.js

вебапк

• Babel по умолчанию не переносит файлы в node_modules и его необходимо объявить в ~vue.config.js/transpileDependencies
• new webpack.ContextReplacementPlugin(/moment[\/]locale$/, /^./(zh-cn)$/) удаляет другие языковые пакеты (сжатый пакет весит более 300 КБ)
• Слишком хлопотно вводить одну диаграмму echarts (исходный код 2M+, сжатый пакет 600кб. Используйте js в HTML, чтобы каждый раз не упаковывать).

Серверная среда

Адрес конфигурации nginx: cd /etc/nginx/vhost После внесения изменений необходимо перезапустить nginx и использовать команду docker для перезапуска и перезагрузки файла конфигурации: docker exec nginx nginx -s reload Проверьте файл конфигурации: docker exec nginx nginx -t

Другие технологические документы

• Процесс выпуска среды.md
• Локальная среда разработки, в которой запущен процесс.md