我的vue版本的4 的 但是很多教程都是讲3 下面讲解下:
vue create project-one
(这个图是网上随便找的 因为我.....这步跳过了....可以明显发现版本不对)
一般都是手动选一下啊 3也是一样的,那就是最后一个选项了 Manually select features:
第一个 choose Vue version , vuecli3是没有的,翻译过来是叫 选择 vue 版本。【选一下试试】
我们这里主要用一个叫Babel 其他都不用,,,,
你选了 然后他就让你选vue的版本的,默认貌似是2.x ,但我的vuecli是4 所以呢 这里可以选 我们选3.x吧:
然后问你 您希望在哪里放置 Babel,ESLint等... 的配置?
就是说你的配置文件是放在 paclage.json 文件中 还是 单独放在一个文件中???
然后他就问你 你之前的所有操作(因为这里是手动选择操作)要不要保存为一个文件配置,以后创建项目的时候可以直接选? 这里我不想 就不保存了吧:
然后创建成功!
VUECLI4 目录解析:
vuecli4 的文件目录超级简洁,,
vuecli3 是下面这样的:【后面专门安装了VUECLI3】:
VUECLI3开始就安装了这个组件,然后就管理包 把很多很多的包管理起来了 看起来很简介!!!
VUECLI3 和 4 都是用 serve 和 build 来跑,,,,一般都是 serve 。
还有一个点就是:
VUECLI3中的main.js 貌似是这样的:
可以发现其实有el 和 没 el 都不碍事,因为内部会执行一个 mount 函数,,,,,
VUECLI4 中的 main.js 是这样的:
真的一直往简洁中开拓