Skip to content

aiplat/angular-app

Repository files navigation

angular-app


代码目录结构

习惯vue后,改为与vueapp类似(https://github.com/womendi/vueapp)

  • config ------environment配置目录
  • dist ------npm run build后实际布署代码目录
  • e2e ------e2e目录(有关e2e暂时未改)
  • src ------代码主体目录
  • --- assets ------静态css、images、less文件目录
  • --- components ------公共组件目录
  • --- plugins ------公共函数或插件目录
  • --- routes ------路由配置目录
  • --- views ------路由对应页面视图目录
  • --- index.html ------单页面应用公共html入口文件
  • --- main.ts ------应用入口文件
  • --- polyfills.ts ------Browser polyfills & Application imports
  • --- test.ts ------有关test暂时未改
  • .angular-cli.json ------angular-cli配置
  • tsconfig.json ------ts编译配置
  • tslint.json ------ts规则配置
  • webpack.config.js ------webpack打包配置

clone

安装依赖

  • $ cd angular-app
  • $ npm install

开发模式

开发模式(热更新代码,自动刷新页面)

  • $ npm run dev 或 npm start

最后看到以下这句 表示webpack编译成功

打包项目

  • $ npm run build
  • 整个项目代码打包到dist目录,已启用Gzip压缩,打开其中index.html就是项目 首页

tslint

  • $ npm run tslint (查看)

兼容性

  • PC端:兼容IE9及以上
  • 手机端兼容安卓与ios等等各种系统,不区分机型
  • 兼容一切可联网设备,比如TV等等,不区分尺寸大小