饿了么项目使用cube-ui升级(1-1)

之前做过一个饿了么的项目,做到一半才发现慕课网上有新版本的,所以之前的项目就废弃算了- -,重新开个新坑,打算工作之余从头做一遍,算是温故而知新啦。

和之前的项目一样,使用cnpm来代替npm

npm install -g cnpm --registry=https://registry.npm.taobao.org

 

首先从vue脚手架的安装开始 

从vue-cli的官网上可以看到,再安装vue-cli之后,使用这个命令可以创建一个vue项目,但是因为我用的Windows系统所以的执行这个命令来安装

饿了么项目使用cube-ui升级(1-1)

 

 

 1.饿了么项目使用cube-ui升级(1-1)

 2.回车以后有两个默认项,第一个默认安装babel和eslint,第二个手动安装

饿了么项目使用cube-ui升级(1-1)

 

 3.通过第二个选项手动选中我们需要的

饿了么项目使用cube-ui升级(1-1)

 

 4.回车之后选中预处理器,教程选的是stylus我选择的是less

饿了么项目使用cube-ui升级(1-1)

 

 5.选择eslint的标准

饿了么项目使用cube-ui升级(1-1)

 

 6.选择保存文件的时候执行代码风格检查还是提交检查

饿了么项目使用cube-ui升级(1-1)

 

 7.把这些文件放在相应的文件里还是package.json中,选择第一个

饿了么项目使用cube-ui升级(1-1)

 

 8.最后一步问你要不要保存这些预设(不保存)

饿了么项目使用cube-ui升级(1-1)

 

 9.安装完以后进入目录文件执行npm run serve

饿了么项目使用cube-ui升级(1-1)

 

 10.可以看到最新的cli分析出了本机ip

饿了么项目使用cube-ui升级(1-1)

 

 打开本地的8080端口,熟悉的界面出现,已经ok了~~总的来说新的cli感觉比之前好用,但是文档还需要熟读,明天就开始第二步项目的正式开发啦

饿了么项目使用cube-ui升级(1-1)

 

 

 

 

 

 

 

上一篇:饿了么项目使用cube-ui升级(1-2)


下一篇:Vue.js2.5+cube-ui重构饿了么App*下载