Vue2.0和3.0区别

发布时间 2023-04-28 15:47:45作者: 以德为先

一、项目初始化

2.0初始化,vue init <模板名称(webpack比较常用)> [项目名称]

vue init webpack cli2-test

3.0初始化,vue create [项目名称]

vue create cli3-test

二、目录结构对比

2.0目录结构

 3.0目录结构

 

3.0版本中项目环境变量配置文件没有了(dev.env.js / prod.env.js)

我们可以通过在项目根目录下手动创建不同环境的配置文件,具体的环境变量名称由package.json中运行参数决定,

下面举个例子添加development、production 和 test 版本的环境变量:

3.0版本中不同环境的webpack配置文件也没有了(webpack.base.conf.js / webpack.dev.conf.js / webpack.prod.conf.js)
同样,我们也可以在项目根目录中创建vue.config.js文件来进行webpack和vue的一些配置: