安装脚手架 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