创建VUE + ELE项目
2020-11-05 03:01:22    92    0    0
jeiry

如何装npm 和vue 我就不多说了。

参考文章 https://www.jianshu.com/p/02b12c600c7b


装好后 直接往下看

打开终端 cd 到项目目录

vue init webpack notebook

不改名就直接回车

回车 - 回车

选 Y 使用路由模式


esling就是代码检测 如果你的代码不和规范就会不能编译过。有好有不好,不好就是开发过程中造成一些麻烦。好就是为了更规范代码。

这里选Y


然后继续回车

一直默认回车

用npm 一直回车


开始安装 ,漫长等待

安装完成,试运行

cd notebook
npm run dev

运行成功 打开 http://localhost:8081 试试

看到这个页面就是vue安装成功 接下来安装 element

打开 vs code

把项目打开


创建一个终端


在终端输入 

npm i element-ui -S

等待安装

安装成功

打开 src/main.js

加入如下代码

参考 https://element.eleme.cn/#/zh-CN/component/quickstart

然后测试一下

到 helloworld.vue 里面放个element的按钮

看到ele的按钮,那么ele项目创建成功


Pre: 遥控车 安装rtl8812au 外置网卡

Next: gps 坐标转换 WGS-84 to GCJ-02

92
Table of content