# vue2-starter

**Repository Path**: icb/vue2-starter

## Basic Information

- **Project Name**: vue2-starter
- **Description**: 本 starter 基于 Vue@2.x ，借助于Vue 的易用，灵活，高性能的优势，构建统一的前端开发技术架构。通过 starter和教程指引开发者进行项目搭建，通过编程规范约束开发者编写项目业务逻辑，形成规范化的项目构建和开发，产出高质量的产品，方便产品后续交接、维护、和二次开发
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2017-06-11
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## Intro
##### 本 starter 基于 Vue@2.x ，借助于Vue 的易用，灵活，高性能的优势，构建统一的前端开发技术架构。通过 starter和教程指引开发者进行项目搭建，通过编程规范约束开发者编写项目业务逻辑，形成规范化的项目构建和开发，产出高质量的产品，方便产品后续交接、维护、和二次开发
##### 适用范围：web app, wechat app, hybird app
##### 特点： 
   1. 适应于 pc 端， 移动端
   1. 兼容 IE9 以上，Chrome, 等主流浏览器
   1. 使用NPM ，一键生成项目
   1. 使用webpack ，一键打包构建
   1. 基于 vue 的单文件组件，项目结构清晰，易于维护
   1. 文档化：包括使用指南，编程规范
   1. 统一开发工具，统一代码风格

    
## [如何安装使用](docs/npm.md)

## 技术堆栈

1. [Vue@2](http://cn.vuejs.org)：
1. Component：
    1. 移动端
        1. [Vux@2.x](https://vux.li/) 是基于WeUI和Vue(2.x)开发的移动端UI组件库
        1. [Mint UI](https://github.com/ElemeFE/mint-ui) Mobile UI elements for Vue 2.0
    1. pc 端 
        1. [Element](http://element.eleme.io/#/zh-CN/component/installation) A Vue.js 2.0 UI Toolkit for Web.
1. Cordova
   1. [Plugin](http://cordova.apache.org/docs/en/latest/guide/overview/index.html)
   1. [Vue-cordova](https://github.com/kartsims/vue-cordova)
   1. Sqlite
   1. [Hot code push](https://github.com/nordnet/cordova-hot-code-push) 代码热更新
   1. PUSH：极光推送（个推、小米）
   1. [友盟统计](http://www.umeng.com/) [Plugin](https://github.com/search?utf8=%E2%9C%93&q=umeng+cordova&type=Repositories&ref=searchresults)
   1. Crosswalk
1. Mock
1. Vue plugins:
    1. [vue 表单验证](https://github.com/vuejs/awesome-vue#validation)  
        1. [vue-validator](https://github.com/kazupon/vue-validator) [使用例子](https://github.com/kazupon/vue-validator/blob/master/examples/)
    1. [vue-router](https://github.com/vuejs/vue-router)  [2.x](https://router.vuejs.org/zh-cn/) 路由
    1. [vue-resource](https://github.com/pagekit/vue-resource)[1.2.0](https://github.com/pagekit/vue-resource/tree/develop/docs)
    1. [vuex](https://github.com/vuejs/vuex)[ 2.1.x](http://vuex.vuejs.org/zh-cn/) 状态管理
    1. [vue-touch](https://github.com/vuejs/vue-touch/tree/next) Touch events plugin
    1. [i18n](https://vux.li/#/zh-CN/vux-loader?id=i18n)
1. [更多第三方工具类库/plugin](docs/tools.md) 
    1. [List of User Contributed Tools](https://github.com/vuejs/awesome-vue#libraries--plugins)
1. [Webpack](http://webpackdoc.com/) 前端资源模块化管理和打包工具
1. [LESS](http://lesscss.cn/)、SASS
1. [ES6](http://es6.ruanyifeng.com)
1. [ESLint](http://eslint.org/docs/user-guide)
1. 开发工具： 
    1. [vue-devtools](https://chrome.google.com/webstore/detail/nhdogjmejiglipccpnnnanhbledajbpd) Chrome devtools
    1. [vue-cli](https://github.com/vuejs/vue-cli) 
    1. [VS Code ](https://marketplace.visualstudio.com/items/liuji-jim.vue) 高亮插件
    1. [WebStorm ](https://github.com/henjue/vue-for-idea) 高亮插件
    1. [Dash for IntelliJ IDEA ](https://plugins.jetbrains.com/idea/plugin/7351-dash)
    1. 代理工具：
        1. windows: [fildder](http://www.fiddler2.com/fiddler2/) 
        1. macOS: [Charles](http://www.charlesproxy.com/)
    1. 离线文档管理：
        1. windows： [Zeal](https://zealdocs.org/)
        1. macOS：[Dash](https://kapeli.com/dash)

## 编码规范
1. [js 编程风格](docs/style/js.md)

## RESTful 
 理解RESTful, 便于写出更优雅的代码
1. [RESTful API 设计指南](http://www.ruanyifeng.com/blog/2014/05/restful_api.html)
1. [理解RESTful架构](http://www.ruanyifeng.com/blog/2011/09/restful)

## 移动端离线文档

1. 安卓 
    1. [ES6 入门](docs/assets/apk/ES6Tutorial.apk)