vue

脚手架 vue-cli

Installation

$ sudo chmod -R 777 /usr/local/lib/node_modules/   (mac修改文件夹权限)
$ sudo npm install -g vue-cli
$ vue -V
$ npm install webpack -g

如果你用的是老版本的 vue-cli 还可能报其他错误，需要更新一下 vue-cli

npm update vue-cli
npm view vue-cli
npm update -g
npm prune

初始化项目

vue init webpack your-projectName

安装插件

npm i element-ui -S
npm i font-awesome -S

# if use sass
npm install node-sass --save-dev
npm install sass --save-dev
npm install sass-loader --save-dev

# if use stylus
npm install stylus --save-dev
npm install stylus-loader --save-dev

npm install axios --save-dev
npm i vuex -S
npm i fastclick -S
npm i babel-polyfill -S

# 轮播图插件
npm i vue-awesome-swiper -S

eslint配置

// semi always强制加分号,必须加分号，不然报错
'semi': ['error','always']
// 关闭对空行的代码检查
'space-before-function-paren': 0,
// 取消空格的代码检查
'indent': 0,
'no-tabs': 0

vux github ui demo:https://github.com/airyland/vux

https://icomoon.io/
制作svg图标网站，先上传所有需要转换的图标，然后转换后下载下来，或者去阿里网上上下载现成的 http://www.iconfont.cn/plus/home/index?spm=a313x.7781069.1998910419.2.u9nM2z

Mint UI

项目主页:http://mint-ui.github.io/#!/zh-cn
demo:http://elemefe.github.io/mint-ui/#/
github地址:https://github.com/ElemeFE/mint-ui
中文文档地址:http://mint-ui.github.io/docs/#!/zh-cn

iview

iView 配套的工作流:https://github.com/icarusion/vue-vueRouter-webpack
github地址:https://github.com/iview/iview
官网:https://www.iviewui.com/

vue-mui

官网:http://mui.yaobieting.com/
github地址:https://github.com/creatshare/vue-mui

radon-ui

中文文档：https://luojilab.github.io/radon-ui/#!/
github:https://github.com/luojilab/radon-ui

antd vue

中文文档:http://okoala.github.io/vue-antd/#!/components
github:https://github.com/okoala/vue-antd

weex

社区:http://www.weex.help/
官网:http://weex-project.io/cn/
github:https://github.com/alibaba/weex
中文文档:http://www.weex.help/topic/57792770eb60516a48db5485

element(饿了么后台)

Element 是由饿了么UED设计、饿了么大前端开发的一套基于 Vue 2.0 的桌面端组件库。

官网:http://element.eleme.io/#/zh-CN
饿了么github:http://github.com/elemefe

N3

官网:https://n3-components.github.io/N3-components/
中文文档:https://n3-components.github.io/N3-components/component.html
英文文档:https://github.com/N3-components/N3-components

vuikit

github:https://github.com/vuikit/vuikit
英文文档:https://vuikit.js.org/#/

https://github.com/vuejs/vue-cli
eslint：http://cnodejs.org/topic/5750d752491b9c4f36910fec

ElementUI，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的组件库，提供了配套设计资源，帮助你的网站快速成型，主要用在PC端。
http://element.eleme.io/#/zh-CN
Mint UI —— 基于 Vue.js 的移动端组件库
http://mint-ui.github.io/docs/#/zh-cn2