nenuyouth/lightshow

东师灯光秀网站文件

东北师大灯光秀网站

东北师范大学灯光秀网站。→ 点击前往

该项目使用 Node.js，基于 Vue 框架制作。

别名设置

• @：src/
• #：src/components
• |：src/assets
• %：src/utils

Linter 配置

项目已有自己的一套项目风格预设。

启动项目之后，请严格按照 Linter 提示格式化代码。项目不应包含任何无法通过 Linter 配置检查的代码。

Node.js 库使用

项目使用库

Vue 官方库

跟进使用最新版官方库

• @vue/cli
• vue
• vue-router
• vue-class-component
• vue-property-decorator
• vuex

第三方库

• axios(基于 promise 的 html 访问功能)

  在本 demo 中未使用

• register-service-worker
• vue-wechat-title(设置网页标题)

  在本 demo 中未使用

CDN 引入

• Vue
• Vuex
• Vue-Router

开发依赖

Vue-cli 插件

• babel
• e2e-cypress
• eslint
• pwa
• router
• typescript
• unit-mocha
• vuex

开发语言相关

• vue-template-compiler (vue 单文件编译器)
• sass
• sass-loader
• typescript

代码检查与格式化工具

• eslint
• eslint-plugin-vue
• babel-eslint
• @vue/cli-plugin-eslint
• @vue/eslint-config-airbnb
• @vue/eslint-config-typescript

初始化项目

npm install

更新项目依赖

npm update

或

npm install

启动开发环境

npm run serve

运行开发环境，可在浏览器通过http://localhost:8080直接访问。 使用ctrl + c组合键并输入y再回车来终止开发环境

构建生产环境

• 构建现代输出（ES5 标准支持，有 fallback）

npm run build

• 构建常规输出（ES5 标准支持，有 fallback）

npm run normBuild

执行构建，将构建成功的网页输出至/dist 目录

npm run rebuild

npm run normRebuild

重新构建（现代 | 常规），不清空输出目录原内容

部署网站

start deploy.bat

执行构建，将构建成功的网站推送到 Github Pages 与 Gitee Pages

执行文件提示和文件修复

npm run lint

分析打包文件

• 分析现代构建打包

npm run analyze

• 分析普通构建打包

npm run normAnal

查看浏览器支持

npm run browser

输出 Webpack 模式打包配置

• 输出现代构建打包配置至当前目录的 moderm.js

npm run inspect

• 输出普通构建打包配置至当前目录的 normal.js

npm run normInspect

执行测试

端对端测试

npm run e2e

单元测试

npm run unit

自定义配置

查看 自定义配置.