elementui table 不显示表头_搭建VueJS2.0+ElementUI单页面网站

1、安装nodeJS和npm

访问nodejs中文网http://nodejs.cn/download/，下载对应自己系统的版本，我们把当前的目录加入到系统环境变量的path里面。然后打开cmd命令行，输入npm -v，如果出现如下图的显示，说明已经安装正确。 就可以使用npm命令了。

2、进入Webstorm的官方网站下载webstorm的最新版本.

安装成功后把vue component的模版加入到模版库中。在File->New->Edit File Templates，在弹出的对话框中点击左上角的绿色加号，然后按照如图显示填写Name和Extension填入代码 http://www.jetbrains.com/webstorm/

点击File->Settings设置jsES6支持

3、创建ElementUI工程

从ElementUI的官网里找到通用的项目模版。地址在ElementUI的GitHub https://github.com/ElementUI/element-starter，我们只要下载这个工程即可。下载解压之后，在webstorm中点击File->Open，打开刚才下载的工程。打开之后可以看到工程结构如下图：

可以看到里面已经集成了bable、webpack等插件。不需要我们自己去配置。我们导入这个工程之后，需要做的一件事就是将npm模块安装到这个目录下。我们打开命令行，进入当前工程的根目录，然后输入

npm install --registry=http://registry.npm.taobao.org安装结束后我们可以看到工程目录下多了一个node_modules的文件夹，该文件夹就是工程的依赖包所在。以后我们如果想添加依赖包，就可以继续用上文的指令，例如如果想加入vue-router，那么需要输入npm install vue-router –save，npm会自动寻找最新版本的依赖包进行安装

4. 打包运行

安装好之后, 进入当前工程的目录，并输入npm run dev, 在工程根目录的webpack.config.js中可以修改本地服务配置。最后会出现webpack: Compiled successfully的字样，代表代码编译成功。这时我们打开浏览器，输入localhost:8010，出现如图所示的网页，表示我们的第一个Vuejs2.0 ＋ElementUI工程已经成功运行。