热搜

前端技术规划书

一、项目定位

1. 简介

项目拟名：【热搜】———— 你看到的,就是热搜(项目广告词，拟用于新闻加载空白页)

2. 需求

新闻展示类App 1.0版(高仿今日头条手机端)
新闻分类、搜索以及实时更新、展示
用户注册、登陆、评论、点赞、收藏、分享、订阅、设置

二、UI框架

1. 界面构建

主推 【Mint UI】,备用【YDUI Touch】【Vue Carbon】【Vonic】
要与Vue 2.0 搭配使用，可嵌入组件

2. 链接

不选最好的，只选最合适的!

Vonic
Mint UI
Vue Carbon
YDUI Touch

三、主流前端框架

1. 前端框架

基于Vue.js 2.0,全面使用HTML5
单页面SPA应用,包含webpack模块打包器,css预处理SASS或是LESS,按需加载,Vuex状态管理
结合组件化、axios或者vue-resource(官网已不推荐)、vue-loader、vue-cli脚手架

2. 构建步骤

2.1 安装vue-cli，配置vue命令环境

npm install vue-cli -g
vue --version
vue list

2.2 初始化项目，生成项目模板

语法：vue init 模板名  项目名

2.3 进入生成的项目目录，安装模块包

cd 项目名
npm install

2.4 运行

npm run dev  //启动测试服务
npm run build //将项目打包输出dist目录，项目上线的话要将dist目录拷贝到服务器上

3. 开发测试

手机实时跟测(二维码(QR码)生成器)  

四、项目打包

基于当前开发1.0版不大量使用手机端原生功能，可以不顾虑只在实际开发中发现并解决问题
hbuilder或是appcan打包，Cordova