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写个<router-view/>
在配置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'}