配置element-ui+vue.js+vscode前端开发环境

近期被配置环境的事情弄得整个人都要炸了，现在整理如下，希望有相同需求的朋友可以不用走弯路。
vue框架开发前端网页大体上分为vue.js开发和vue cli，个人更喜欢使用vue.js，因为简单方便，但是如果要使用element-ui进行样式的设置就会比较麻烦了。
在element-ui的官方网站中提供了两种引入方式:第一种是使用CDN进行引入，但是对于网络有要求，假如在离线环境下想对网页进行调试显然不现实；还有一种就是使用npm安装，但是这种方式更适合使用vue cli脚手架开发的朋友。
因此我们可以在其对应的CDN地址将两个文件下载下来：index.css和index.js，然后放入项目目录中，最好新建一个lib目录，将这两个文件放入，然后调整这两个文件的格式，不然可能会由于代码都出现在一行造成代码失效。
除此之外，还需要将两个对应的图标/字体文件导入，element-icons.woff和element-icons.ttf，并在index.css文件所在目录下创建一个名为fonts的文件夹，将以上两个文件放入其中即可。
至此，环境已配置完成。
执行官方的例子，效果如图：