应用项目介绍

<p>[TOC]</p> <p>应用项目是用组件工厂构建出来的项目，项目可以进行 run、build等操作，组件的开发和调试需要在这里进行</p> <h4>文件目录介绍</h4> <hr /> <pre><code class="language-javascript">├── `vhall_front_frame` │ ├── `public` //静态文件 │ │ ├── `static` //静态css和js │ │ ├── `admin.html` //管理后台首页 │ │ ├── `console.html` //控制台首页 │ │ └── `wap.html` //观看端首页 │ ├── `src` //源代码目录 │ │ ├── `admin` //管理后台源代码 │ │ │ ├── `assets` //静态资源 │ │ │ ├── `components` //VUE组件 │ │ │ ├── `pages` //VUE页面 │ │ │ ├── `plugins` //公共插件代码 │ │ │ ├── `router` //VUE Router │ │ │ ├── `utils` //工具方法 │ │ │ ├── `App.vue` //VUE根组件 │ │ │ └── `main.js` //VUE入口文件 │ │ ├── `console` //控制台源代码 │ │ ├── `wap` //观看端源代码 │ │ └── `common` //控制台、管理后台、观看端，公共组件和方法 │ ├── `.env.dev` //VUE CLI 开发环境配置文件 │ ├── `.env.prod` //VUE CLI 线上环境配置文件 │ ├── `.env.test` //VUE CLI 测试环境配置文件 │ ├── `.eslintrc.js` //eslint 配置文件 │ ├── `.gitignore` //不需要添加到Git版本管理中的文件列表 │ ├── `.gitkeep` //Git 仓库占位符 │ ├── `.npmrc` //npm 配置文件 │ ├── `.prettierrc` //代码格式化配置 │ ├── `babel.config.js` //Babel 配置文件 │ ├── `lerna.json` //lerna配置文件 │ ├── `package.json` //npm 配置文件 │ ├── `postcss.config.js` //postcss 配置文件 │ └── `vue.config.js` //VUE CLI 配置文件</code></pre> <h4>配置文件介绍</h4> <hr /> <h6>npm 命令</h6> <pre><code class="language-csharp">npm run serve #启动本地服务 "vue-cli-service serve --mode dev" npm run build:test #build测试环境代码，运维会用到，本地开发用不到。 "vue-cli-service build --mode test" npm run build:prod #build线上环境代码，运维会用到，本地开发用不到。 "vue-cli-service build --mode prod"</code></pre> <h6>VUE CLI 配置文件参数</h6> <pre><code class="language-javascript">├── `.env.dev` ├── `.env.prod` ├── `.env.test`</code></pre> <pre><code class="language-csharp">NODE_ENV=development #node 环境变量 VUE_APP_BUILD_ENV=development # vue 环境变量 VUE_APP_BASE_URL=https://t-factory-api.vhallyun.com #后端接口 VUE_APP_STATIC_URL=/ #前端静态资源地址</code></pre>