vue + elementui项目搭建

一、安装node.js

1. node.js官网下载地址：https://nodejs.org/zh-cn/，一路next下来，安装完毕。
2. 打开cmd(window环境下快捷键window+R),输入node -v

         

        上图就是node.js的版本信息

       3.由于node.js已经集成了npm（包管理器），所以npm也一起安装好了,输入npm -v

       

    上图就是npm的版本信息。

二、安装vue-cli脚手架

    输入npm install vue-cli -g  （注意sudo权限）

        

输入vue -V，查看是否安装成功

         

三、使用IntelliJ IDEA创建vue项目

       1.打开IntelliJ IDEA开发工具，找到要创建项目的目录，如下图：

         

2.输入vue init webpack [项目名称]

        

        

四、运行vue项目

1.进入到创建的vue项目下，如下图：

       

 

  2.运行vue项目

 

     

3.效果如下图所示：

 

      

 

五、安装Element-ui

1.跟vue搭配使用的最多的UI框架是ElementUI。

 

         

 

2.在node-modules（或package.json）中可以看到ElementUI已经安装好了。

 

         

3.使用ElementUI。