打印/下载
源代码
公共文件
vueapp
  |-- src //源文件
    |-- assets //静态资源
      |-- icon  //矢量图标
      |-- style  //公共样式: app.css(业务)、icon.css(字体图标)、ui.css(布局和组件)
      logo.svg  //Logo
    |-- components //组件: Popup、Scroller、PageView、TabBar等
    |-- library  //自定义库: NodeJS模块(可根据业务不断扩展)
      |-- inc  //公共类: Base64、Html、Time、Price等
      |-- plus  //手机类: 5+Runtime( 调用和扩展手机功能 )
      |-- ui //布局类: Storage、Request、Back、Toast、Loading等
      |-- Socket.js //Socket类
      |-- Start.js //启动文件: APP启动需要挂载的服务
    |-- views  //视图
      |-- demo  //Demo: 简单的案例,每次新建页面可复制来用
      Index.vue //首页: APP首页
    App.vue //入口Vue: Android自动更新、iOS跳AppStore
    env.js  //配置文件: 接口地址、请求头、更新配置、手机状态栏、Socket等
    main.js //公共js: 可向Vue注入全局服务(意见模块化后按需引入)
    router.js //路由配置: 全部的访问地址
    store.js  //全局状态: 需要在页面进行共享的变量
vueapp
  |-- public //公共资源
    |-- res
      |-- icons //APP图标
      |-- screen //APP启动界面
    |-- favicon.png //网站图标
    |-- index.html //网站入口
    |-- manifest.json //HBuilder打包配置文件
  .gitignore  //Git配置: 排除文件和目录
  package.json  //模块包
  vue.config.js //Vue配置
  • APP图标和启动界面在“project/设计图/Screen.xd”
  • HBuilder打包配置: 修改应用名称、appid、版本号等,build后将dist目录拖到HBuilder即可在线打包
  • Git配置:开发过程中将重要文件和资源文件排除,如: 配置文件、测试图片目录、软件等
{{copy}}