vue-cli 4.4.6脚手架安装及目录分解

vue脚手架安装及目录分解

一、安装Vue脚手架
1.进入vue官网

2.选择生态--Vue CLI

3.选择安装、获得指令：npm install -g @vue/cli 

检查是否安装成功：vue --version

脚手架安装成功显示：

二、Vue脚手架版本：
以前：Vue CLI2 —>基于webpack3打造,
且创建项目时,需要输入很多配置信息

以前：Vue CLI3  --->2018年8月11日发布,基于webpack4打造,
vue-cli 3的设计原理是0配置,移除了配置文件根目录下的
【build】和【config】等目录,且提供了vue ui命令，提供了可视化
配置，移除了【static】文件夹，新增了Public文件夹,并且index.html
移动到public中

现在：Vue CLI4 --->2019年11月发布,项目的创建改动不大，支持更多的包管理器，
提供更多的插件，且在v4中引入的大多数新特性(不会打破规则)已经被反向移植到v3中了，希望继续支持更多的v3版本。

三、创建项目(基于Vue CLI4)
1.输入指令：vue create [项目名称]hello-world

2.选择default(babel,eslint)，使用默认安装

四、项目目录结构分析：

1.node_modules࿱