vue + elementUI【一、环境搭建】
一、说明
Element-Ul是饿了么前端团队推出的一款基于Vue.js 2.0 的桌面端UI框架,一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库,手机端有对应框架是Mint UI 。
中文文档:http://element-cn.eleme.io/#/zh-CN
github地址:https://github.com/ElemeFE/element
二、安装Node.js
2.1、查看node的版本号
下载好node之后,以管理员身份打开cmd管理工具,,输入 node -v ,回车,查看node版本号,出现版本号则说明安装成功。
cmd命令:node -v
2.2、安装淘宝镜像
由于npm是国外的,使用起来比较慢,我们这里使用淘宝的cnpm镜像来安装vue。淘宝的cnpm命令管理工具可以代替默认的npm管理工具。
cmd命令:npm install -g cnpm --registry=https://registry.npm.taobao.org
安装好之后检查版本
cmd命令:cnpm -v
有可能报错:'cnpm' 不是内部或外部命令,也不是可运行的程序 或批处理文件。
解决办法:
根据提示找到cnpm的文件位置:将cnpm和cnpm.cmd拷贝到你安装的node的文件夹中。
需要吧对应的文件放到指定的目录下【可以参考npm】:
--》
还有一个文件夹。
--》
2.3、安装全局vue-cli脚手架