vue-cli@3.x 之前的版本构建的项目目录:
vue-cli@3.x 之后的版本构建的项目目录:
两者区别:
安装创建命令:
3.x版本以前:
npm i -g vue-clivue init webpack project
3.x版本以后:
npm install -g @vue/clivue create project
区别1: 下载npm包的包名变化。 vue-cli ==> @vue/cli。
区别2: 生成的vue项目目录的命名改变,同时生成的目录结构,也隐藏了webpack配置文件,及新增一些.env.xxx配置文件来设置相关环境变量。
区别1详解: npm发布了新的包命名规则。具体请查看npm包命名规则变更
区别2详解: vue-cli将webpack配置的细节隐藏。需要自己创建vue.config.js来配置。具体请查看配置文档