node.js使用elementui

关于ElementUI的使用入口@TOC

环境安装：
1.安装node.js
从node.js官网下载并安装node。地址：https://nodejs.org/zh-cn/
2.通过打开命令行工具（win+R）,输入node -v查看node的版本，若出现相应的版本号说明你安装成功了。npm包管理器，是集成在node中的，所以安装了node也就有了npm,直接输入 npm -v 命令，显示npm的版本信息。
3.安装cnpm
在命令行中输入 npm install -g cnpm --registry=https://registry.npm.taobao.org ，然后等待，没报错表示安装成功，
4.安装vue-cli脚手架构建工具
在命令行运行命令npm install -g vue-cli 然后等待安装完成。
（环境安装完成）

vue-cli脚手架的安装：

webstorm工具

1.在创建的工程下中，找到webstorm工具控制面板栏最下方的terminal面板点开。
2.输入：vue init webpack + 项目名（创建一个项目，使用之前需先安装好npm，nrm，vue环境。）
3.一步步确认就行了，完事后工程中就多了新建的模块项目。

dos窗口创建

1.随便找一个目录用于存放项目并进入到该目录下
2.vue init webpack + 项目名（创建一个项目，使用之前需先安装好npm，nrm，vue环境。）
3.一步步确认，完成后去看该目录下是否已创建文件，创建的文件中是否有node_modules这个依赖包资源文件夹。没有的话先cd +项目名 进入到该项目目录，执行 cnpm install。
4.运行项目：运行命令 npm run dev。然后可以在浏览器通过运行提示的ip地址访问到项目页面，一般是http：//localhost：8080。可以把项目拖到hbuilderx进行编译。

安装elementUI资源依赖：
webstorm中执行指令：npm i element-ui -S
安装完成后，在main.js中引入：
import ElementUI from ‘element-ui’;
import ‘element-ui/lib/theme-chalk/index.css’;
Vue.use(ElementUI);