anchor.diff:  </script>
   
   ```
  -然后点击apply，再点击ok即可。现在我们再次点击左上角File->New，可以看到刚才创建的vue template已经出现了。我们点击vue template，名称填写test，可以看到新创建的文件就是刚才我们创建的模版的样子，如图。
  -<center>
  -![这里写图片描述](http://img.blog.csdn.net/20170526111206187?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvdTAxMjkwNzA0OQ==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)
  -<center>
   
  -我们可以看到这个模版里面使用的ES6的写法，而我们当前的IDE默认支持的是ES5，这里我们点击左上角File->Settings，然后下图设置:
  -<center>
  -![这里写图片描述](http://img.blog.csdn.net/20170526111848071?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvdTAxMjkwNzA0OQ==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)
  -<center>
  +Then click apply, and click ok. Now we click the File->New on the lefttop again, and we can see the Vue Component that we created just now. We choose it, and input 'test' for its name, then we can see the code in the new file, just as we wrote before.
   
  -然后点击apply即可。
  +image::http://img.blog.csdn.net/20170526111206187?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvdTAxMjkwNzA0OQ==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast[]
   
  -### 创建ElementUI工程
  -目前ES5仍属于主流写法，而我们要使用ES6，需要用到babel来将ES6的语法转换回ES5的写法，然后用webpack进行打包等等一些列操作。不过我们不需要自己去配置这些东西，如果是普通的vuejs工程，我们可以使用一个叫做vue-cli的脚手架工具生成vuejs工程，而我们现在使用的是vuejs+ElementUI，所以我们可以从ElementUI的官网里找到通用的项目模版。地址在[ElementUI的GitHub](https://github.com/ElementUI/element-starter)，我们只要下载这个工程即可。下载解压之后，在webstorm中点击File->Open，打开刚才下载的工程。打开之后可以看到工程结构如下图：
  -<center>
  -![这里写图片描述](http://img.blog.csdn.net/20170526112758965?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvdTAxMjkwNzA0OQ==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)
  -<center>
  +You may notice that the component is written with Javascript ES6, but the IDE supports ES5 by default. So we need to click File->Settings, and change the settings like following:
   
  -可以看到里面已经集成了bable、webpack等插件。不需要我们自己去配置。我们导入这个工程之后，需要做的一件事就是将npm模块安装到这个目录下。我们打开命令行，进入当前工程的根目录，然后输入
  +
  +image::http://img.blog.csdn.net/20170526111848071?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvdTAxMjkwNzA0OQ==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast[]
  +
  +Then click apply, and click OK.
  +
  +### Create a project of ElementUI
  +ES5 is still the majority these days, and not all the browser support ES6. We need babel to translate the ES6 back into ES5, and package the files using webpack. Sounds complicated, right? Don't worry, we don't need to configure these tools by ourself. If we are buliding an ordinary vue project, we could use vue-cli which automatically generates what we need for us. But right now we are creating an ElementUI project based on Vue, things become really simple. There is a general project template at https://github.com/ElementUI/element-starter[ElementUI team's Github]. We download the template, unzip it, done.
  +The stucture of the project is like following:
  +
  +image::http://img.blog.csdn.net/20170526112758965?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvdTAxMjkwNzA0OQ==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast[]
  +
  +All the tools are already in it. Now we install npm modules into the directory. In the 'cmd', we enter the current directory, and input
   
   ```
   npm install
   ```
  -如果安装速度较慢，可以使用npm依赖包在国内由阿里云提供的镜像，如下所示
   
  -```
  -npm install --registry=http://registry.npm.taobao.org
  -```
  -
  -点击回车。
  -
  -安装结束后我们可以看到工程目录下多了一个node_modules的文件夹，该文件夹就是工程的依赖包所在。以后我们如果想添加依赖包，就可以继续用上文的指令，例如如果想加入vue-router，那么需要输入
  +After the installation we can see that there is a new directory called node_modules in our project. That is where the dependency packages are. If we want to add a new dependency in the future, we run the code above again followed by the package that we want to install, followed by --save. For example, if we want to add vue-router, then input 
   
   ```
   npm install vue-router --save
   ```
  -npm会自动寻找最新版本的依赖包进行安装。
  +npm will automatically find the newest version of the package and install it.
   
  -###工程打包运行
  -安装好依赖之后，我们可以对工程进行打包和运行。我们仍然是使用命令行，进入当前工程的目录，并输入
  +
  +### Make it run
  +
  +After installation of the dependencies, we need to package the project and make it run. We input the following:
   
   ```
   npm run dev
   ```
  -这段代码的意思就是以本地服务器的端口启动这个工程。关于本地服务器的配置信息，在工程根目录的webpack.config.js中，我们可以在该文件中看到如下代码段：
  +
  +This means run the project with the localhost. We can see the configuration information in webpack.config.js:
   
   ```
   devServer: {
  
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>
  