vue

安装脚手架 vue-cli

$ sudo chmod -R 777 /usr/local/lib/node_modules/   (mac修改文件夹权限)
# 安装 Vue-cli 3.0 脚手架工具
$ npm install -g @vue/cli
$ vue -V
$ npm install webpack -g

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

npm view vue-cli

New minor version of npm available! 6.13.7 → 6.14.5       
Changelog: https://github.com/npm/cli/releases/tag/v6.14.5   
Run npm install -g npm to update!   

npm update vue-cli
npm update -g
npm prune

有时执行下这个可以解决报错
npm rebuild node-sass

初始化项目

vue create <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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容