vue如何使用可视化创建项目

在黑框中输入vue ui 命令

第一步 选择创建目录

vue如何使用可视化创建项目

 

第二步 填写项目名称,其他的不用管

vue如何使用可视化创建项目

第三步 我们选择创建模板 ,我们这里选择手动

vue如何使用可视化创建项目

第四步  选择我们创建项目需要的依赖项  我们选择了 Babel、 TypeScript、Router、使用配置文件

注:我开发用的ts,如果不想用ts可以不选择该项,开发语言就是js

vue如何使用可视化创建项目

第五步 配置

vue如何使用可视化创建项目

vue如何使用可视化创建项目

需要创建模板就起个名字,不需要的直接点击创建项目,不保存预设即可

第六步 项目创建完成后,添加一些必要的依赖和插件,

    element-ui

在插件中搜索 安装即可vue如何使用可视化创建项目

依赖中搜索axios ,这个依赖是用来http访问api

vue如何使用可视化创建项目

 

依赖中搜索less ,这个是样式,添加不添加都能运行,css

vue如何使用可视化创建项目