创建一个vue项目整合router并且配置elementUI

1.先安装node.js

    下载链接下载 | Node.js 中文网

下载对应版本，然后一直next就可以了

打开cmd执行 node -v看是否安装成功，安装成功会显示版本号

2.创建一个vue项目

先执行npm install -g @vue/cli-init

之后在你想创建的目录下创建vue，比如我想在f盘的qdxiaoshuo下创建一个vue项目

执行vue init webpack-simple 项目名（乱码忽略不计，

注意：Use ESLint to lint your code：是否使用ESLint来lint你的代码(规范代码用的,注意了这一条新手一定要选择no,输入n再回车即可)

项目创建好了。

此时项目就创建成功了,运行如界面显示的命令

3.下载router：npm install vue-router下载完成去package.json看看有没有

之后在src下创建router目录，router目录下创建index.js，下面是index.js内容方框必须写（注意mode：‘history’写了路径就不用#不然的话路径就是http://localhost:8080/#/login)

然后到app.vue写个

在配置main.js

然后运行npm就可以了。

4.配置elementui

先下载npm i element-ui -S

main.js导入

写好配置ok。

注意运行报

原因：缺少匹配规则

解决办法

在webpack.config.js文件中的module中增加如下json，然后关闭重新运行。

{test:/\.(eot|svg|ttf|woff|woff2)(\?\S*)?$/,loader:'file-loader'}