运行的效果图

image.png

搭建项目

命令行安装

使用命令：

  1. vue create 项目名称 不能含有大写字母与汉字

如下图红线中是我前两次安装时保存的预设，第一次搭建项目是不会出现红圈中的两个
可以最后一项就行自定义配置
image.png

可视化页面安装

使用命令

  1. vue ui

启动后会出现自动打开默认浏览器进入该页面，进行可视化选择配置
image.png

关于预设

如何删除预设

预设保存在
当前用户目录/.vuerc
该文件中的内容
image.png
如上图 presets 对象中保存都是预设

搭建好的工程目录

image.png
上图我自定安装的，vue选择的是vue2，然后选配的是babel

src目录下的文件

image.png
mani.js为主函数，App.vue插件入口 components 为子组件文件夹

public目录下的文件

image.png