vue什么时候支持cli3
-
Vue在2018年5月推出了Vue CLI 3,它是一个强大的开发工具,用于快速构建Vue项目。Vue CLI 3提供了一系列的开箱即用的特性,如:自动化的配置、插件系统、高效的构建等。
在Vue CLI 3之前,Vue CLI 2是Vue官方推出的命令行工具,用于创建、管理和构建Vue项目。然而,Vue CLI 2在项目配置方面相对较为复杂,并且不够灵活。
为了解决这些问题,Vue CLI 3推出了全新的架构和界面,提供了更简单、更强大的开发体验。
在Vue CLI 3中,主要的特性包括:
-
自动化的配置:Vue CLI 3使用了基于约定的配置方式,减少了手动配置的工作量。默认情况下,Vue CLI 3会根据项目目录结构和相关约定自动生成配置文件,并进行合理的默认配置。
-
插件系统:Vue CLI 3提供了丰富的插件系统,可以通过安装和配置插件来扩展Vue项目的功能。这些插件可以帮助开发者进行常见的任务,如:代码风格检查、单元测试、端到端测试等。
-
高效的构建:Vue CLI 3通过整合了Webpack的优化策略,实现了更高效的构建过程。在构建项目时,Vue CLI 3会根据项目的需求进行智能分割和异步加载,从而提高应用程序的性能和加载速度。
总体来说,Vue CLI 3是Vue官方推出的一个重要的工具,它大大简化了Vue项目的开发和配置过程。它的推出使得开发者能更快、更方便地构建高质量的Vue应用程序。所以,从2018年5月开始,Vue支持使用Vue CLI 3进行开发。
2年前 -
-
Vue.js在2018年5月发布了Vue CLI 3.0版本,开始支持Vue CLI 3。以下是关于Vue CLI 3的一些重要特点和变化:
-
完全重写的配置系统:Vue CLI 3采用了全新的插件化配置系统,将原来的配置文件改为基于JavaScript的配置模块。这种插件化的配置系统让开发者可以更灵活、更细粒度地定制构建配置。
-
零配置原型开发:Vue CLI 3引入了webpack-dev-server-based的原型服务器,可以在项目创建时提供一个现成的、无需配置的开发环境,开发者可以在其中快速开发和测试。
-
高度定制化的构建配置:Vue CLI 3提供了一套预设的构建配置,包括默认的构建流程和优化策略。开发者可以根据自己的需求,通过修改配置文件或创建插件来定制化构建过程,更好地满足特定项目的需求。
-
集成了常用的开发工具和插件:Vue CLI 3内置了常用的开发工具和插件,如Babel、ESLint、PostCSS等。这些工具和插件的集成可以简化开发流程,提高开发效率。
-
支持多页应用:Vue CLI 3支持多页应用的开发,可以通过简单的配置文件创建多个页面,并按需引入组件和资源。
需要注意的是,Vue CLI 3不仅仅是一个构建工具,还集成了丰富的开发和部署工具,如代码检查、单元测试、自动化部署等。Vue CLI 3的发布使得Vue.js的开发工作变得更加简单、快速和灵活。
2年前 -
-
Vue CLI 3是Vue官方推出的一款用于快速构建Vue项目的脚手架工具。它是在Vue CLI 2的基础上进行全面重构的,引入了许多新的功能和改进。Vue CLI 3从2019年开始正式支持,下面将具体介绍Vue CLI 3的构建过程、使用方法和一些注意事项。
- 安装Vue CLI 3
首先,需要在本地安装Node.js和npm。然后,打开命令行工具,使用以下命令全局安装Vue CLI 3:
npm install -g @vue/cli- 创建新项目
安装完成后,可以使用以下命令创建一个新的Vue项目:
vue create project-name其中,
project-name是你想要创建的项目的名称。- 选择预设配置或手动配置
在创建项目时,Vue CLI 3提供了两种配置方式:预设配置和手动配置。
预设配置是Vue CLI提供的一些常见项目模板,例如默认模板、手动模板、TypeScript模板等。你可以根据自己的需求选择合适的预设配置。
手动配置允许你根据自己的需求逐个设置各种配置项,包括babel、ESLint、CSS预处理器等。你可以在命令行界面中选择或手动输入配置项。根据提示完成配置后,即可创建项目。
- 运行项目
项目创建完成后,进入项目目录并使用以下命令运行项目:
cd project-name npm run serve项目将会在本地启动一个开发服务器,并在浏览器中打开默认的网址
http://localhost:8080。你可以在浏览器中即时查看项目的运行效果。- 构建项目
当你完成了项目的开发,并准备将项目部署到生产环境时,可以使用以下命令构建项目:
npm run build构建完成后,你将在项目目录中看到一个
dist文件夹,其中包含了构建好的静态文件。你可以将这些静态文件上传到服务器上,以供访问者访问。需要注意的是,Vue CLI 3的配置文件不再是单个的
vue.config.js文件,而是一个基于Webpack的配置目录src/config,其中包含了一系列的配置文件,例如webpack.config.js、babel.config.js等。总结:
Vue CLI 3是Vue官方推出的一款用于快速构建Vue项目的脚手架工具。使用Vue CLI 3可以更方便地创建、配置和管理Vue项目,同时也提供了更多的功能和选项供开发者使用。通过上述步骤,你可以轻松地使用Vue CLI 3创建和构建自己的Vue项目。2年前 - 安装Vue CLI 3