如何装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项目创建成功