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      

        端开发框架和环境都是需要 Node.js ，先安装node.js开发环境，vue的运行是要依赖于node的npm的管理工具来实现，下载https://nodejs.org/en/，安装完成之后，打开cmd开始输入命令。（我用的是win10系统，所以需要管理员权限，右键点击以管理员身份运

        行cmd），不然会出现很多报错。

        

 

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