使用vue可视化工具创建前端项目

使用vue可视化工具创建前端项目

一、进入可视化工具

首先，你的电脑要安装vue环境。
可以参考：安装vue环境
1、运行vue ui,等待启动。

二、创建项目

1、左下角更多，进入项目管理器。

2、选择一个项目创建的位置，这里放在desktop。

3、输入项目名称：vueTask
4、下一步，进入预设，选择手动。

5、下一步，进入功能，选择下面四项。

Babel
Router
Linter/Formatter
使用配置文件

6、下一步，进入配置，右侧选择Eslint with error prevention only,否则会被Eslint的严格检查整疯掉。

点击创建项目，时间较久，等待即可。

三、运行项目

项目创建完成后，任务—serve—运行—启动app。
在浏览器中就可以看到最原始的项目。

基于这个项目模板就可以进行后续开发了。

这是项目根据创建时的配置信息默认存在的依赖，后面根据需要自己添加。