anchor.diff:        }
       },
   ```
  -这里的配置信息写的很清楚，本地的服务器端口为8010，如果我们想改变端口号或主机名，只要改变这里对应的字段即可。
  -我们输入npm run dev后，会出现一长串信息，最后会出现webpack: Compiled successfully的字样，代表我们的代码编译成功。这时我们打开浏览器，输入localhost:8010，出现如图所示的网页，表示我们的第一个Vuejs2.0 ＋ElementUI工程已经成功运行。
  -<center>
  -![这里写图片描述](http://img.blog.csdn.net/20170526115502649?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvdTAxMjkwNzA0OQ==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)
  -<center>
  -点击图中的Let's do it按钮，可以看到右侧有一个提醒消息飘出来，这就是ElementUI中的一个组件。
  -<center>
  -![这里写图片描述](http://img.blog.csdn.net/20170526115722874?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvdTAxMjkwNzA0OQ==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)
   
  -至此一个简单的基于VueJs2.0和ElementUI的前端网站的雏形已经完成了，接下来的时间我会慢慢介绍构建单页面应用的更多方法和细节。
  +As we see, the default port of localhost is 8010. If you want to change the port, just change it here.
   
  -## 小结
  -Webstorm对于前端语言的支持非常丰富，在2017.1版本之后也更新了对vuejs语法的高亮显示的支持。另外，相对于Eclipse等后端IDE，Webstorm不需要在每次写完代码后手动保存，所有的保存都是实时进行的。对于需要同时开发前端和后端的工程师来说，这是需要注意的一点，如果习惯了webstorm的实时保存，可能会在修改了后端代码后忘记保存。
  -还有一点就是npm run dev是热加载，我们执行了这条命令后在webstorm里修改前端代码，响应的变化就会马上显示在前端页面，这也是很方便的一点。
  -另外就是关于ES6的问题，ES6是今后的主流，并且自带模块化语句import和export，这对于vuejs的组件化开发是非常有帮助的，而组件化开发会很大程度上提高编程和代码管理的效率。这个系列的文章都会以ES6的写法进行开发。如果你想了解vuejs和ElementUI在ES5的编程方法，可以看我的另一篇博客
  -[ Vue2.0+ElementUI+PageHelper实现的表格分页](http://blog.csdn.net/u012907049/article/details/70237457)
  -这篇文章里介绍了ES5写法下的vue2.0和ElementUI，以及基于它们的前端增删改查的基本操作和后端pageHelper物理分页的方法。+After we input 'npm run dev', we wait for a while until it shows webpack: Compiled successfully. Then we open the browser and visit localhost:8010, if you see the page shown below, then congrats, you have successfully build a small website with VUE and ElementUI!
  +
  +image::http://img.blog.csdn.net/20170526115502649?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvdTAxMjkwNzA0OQ==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast[]
  +
  +Click the 'Let's do it' button, we can see a message floating on the top right. That is one of the components provided by ElementUI.
  +
  +image::http://img.blog.csdn.net/20170526115722874?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvdTAxMjkwNzA0OQ==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast[]
  +
  +As it shows, it's time to bulid something epic!
  +
  +In the next post I will introduce some details to write a navigation page and something about vue-router.
  
positive.code: # Build your own Vuejs 2.0 Website with ElementUI
  // See https://hubpress.gitbooks.io/hubpress-knowledgebase/content/ for information about the parameters.
  // :hp-image: /covers/cover.png
  // :published_at: 2019-01-31
  
negative.code: ## Text
  ### Installation of nodeJS and npm
  
  As we need to use tha package manager 'npm', we need to install nodeJS. In fact, npm is a module of nodeJS, and has already been integrated into the nodeJS installer. We can visit https://nodejs.org/en/[Offcial Site of NodeJS] and download the newest version for our OS. Here I download teh zip file for win64, and unzip it after downloading, and then we can see a node.exe in the directory.
  
  image::http://img.blog.csdn.net/20170526105340587?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvdTAxMjkwNzA0OQ==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast[]
  
  One more step for Windows user to do is to add the current directory's path into the 'Path' of System Environment Variables. And then we open the 'cmd', and input npm -v. If you see the output like below, then nodeJS is succesfully installed and configured in your computer.
  
  image::http://img.blog.csdn.net/20170526105220442?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvdTAxMjkwNzA0OQ==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast[]
  
  And from now on we could use npm in any directory and path.
  
  ### Install Webstorm
  Webstorm is an excellent IDE for Front-end development. In the newest version of Webstorm Vue is supported by default and syntax highlighting. We can visit http://www.jetbrains.com/webstorm/[Webstorm's offical web] to download the IDE.
  
  After we enter Webstorm, there is one more thing we need to do before starting to write code. We need to add the template of VUE to the template library so that we don't need to write some default code every time when we create a vue component. At the lefttop of the IDE, we click FILE->New->Edit File Templates, and click the green 'plus' icon on the rightop, and input the Name and Extension for the template:
  
  image::http://img.blog.csdn.net/20170526110813307?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvdTAxMjkwNzA0OQ==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast[]
  
  And then add the following code into the code area below
  
  ```
  <template>
  