(二)Vue入门:创建新工程

1、输入命令vue ui,自动会跳转到浏览器,打开下面页面。

2、点击创建项目,选择文件夹

3、创建项目名称

4、如果以前有进行过配置,这里可以选择常用的配置,如果没有,这里填写手动

5、根据具体需求添加功能,这里我仅添加2个功能,babel,router

6、就不开启历史了。

7、点击创建项目,这里我没有保存预设。后台开始创建项目中:

8、创建完成后,打开网页,选择插件,在插件页面中,点击右上角的添加插件,搜索element。选中vue-cli-plugin-element,然后右下角点击安装。安装需要时间,可以通过命令行窗口来看安装进度。

9、设置element,调整成按需导入,点击完成安装。后台为我们添加内容。进展情况,请查看cmd控制台。

10、添加依赖(axios),点击网页中的侧边拦“依赖 ”,选择添加依赖,查找axios,选择安装。查看cmd进度

11、开启服务:添加完毕后,基本框架已经搭建好了,在网页中侧边拦中点击“任务”,然后点击server,然后点击启动,这时会开始编译文件,编译后的,状态提示编译成功。

12、安装成功:点击启动app,或者在浏览器中打开默认的http://localhost:8080,看到成果界面,带一个element-button

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值