vue什么时候支持cli3

回复

共3条回复 我来回复
  • 不及物动词的头像
    不及物动词
    这个人很懒,什么都没有留下~
    评论

    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中,主要的特性包括:

    1. 自动化的配置:Vue CLI 3使用了基于约定的配置方式,减少了手动配置的工作量。默认情况下,Vue CLI 3会根据项目目录结构和相关约定自动生成配置文件,并进行合理的默认配置。

    2. 插件系统:Vue CLI 3提供了丰富的插件系统,可以通过安装和配置插件来扩展Vue项目的功能。这些插件可以帮助开发者进行常见的任务,如:代码风格检查、单元测试、端到端测试等。

    3. 高效的构建:Vue CLI 3通过整合了Webpack的优化策略,实现了更高效的构建过程。在构建项目时,Vue CLI 3会根据项目的需求进行智能分割和异步加载,从而提高应用程序的性能和加载速度。

    总体来说,Vue CLI 3是Vue官方推出的一个重要的工具,它大大简化了Vue项目的开发和配置过程。它的推出使得开发者能更快、更方便地构建高质量的Vue应用程序。所以,从2018年5月开始,Vue支持使用Vue CLI 3进行开发。

    2年前 0条评论
  • fiy的头像
    fiy
    Worktile&PingCode市场小伙伴
    评论

    Vue.js在2018年5月发布了Vue CLI 3.0版本,开始支持Vue CLI 3。以下是关于Vue CLI 3的一些重要特点和变化:

    1. 完全重写的配置系统:Vue CLI 3采用了全新的插件化配置系统,将原来的配置文件改为基于JavaScript的配置模块。这种插件化的配置系统让开发者可以更灵活、更细粒度地定制构建配置。

    2. 零配置原型开发:Vue CLI 3引入了webpack-dev-server-based的原型服务器,可以在项目创建时提供一个现成的、无需配置的开发环境,开发者可以在其中快速开发和测试。

    3. 高度定制化的构建配置:Vue CLI 3提供了一套预设的构建配置,包括默认的构建流程和优化策略。开发者可以根据自己的需求,通过修改配置文件或创建插件来定制化构建过程,更好地满足特定项目的需求。

    4. 集成了常用的开发工具和插件:Vue CLI 3内置了常用的开发工具和插件,如Babel、ESLint、PostCSS等。这些工具和插件的集成可以简化开发流程,提高开发效率。

    5. 支持多页应用:Vue CLI 3支持多页应用的开发,可以通过简单的配置文件创建多个页面,并按需引入组件和资源。

    需要注意的是,Vue CLI 3不仅仅是一个构建工具,还集成了丰富的开发和部署工具,如代码检查、单元测试、自动化部署等。Vue CLI 3的发布使得Vue.js的开发工作变得更加简单、快速和灵活。

    2年前 0条评论
  • worktile的头像
    worktile
    Worktile官方账号
    评论

    Vue CLI 3是Vue官方推出的一款用于快速构建Vue项目的脚手架工具。它是在Vue CLI 2的基础上进行全面重构的,引入了许多新的功能和改进。Vue CLI 3从2019年开始正式支持,下面将具体介绍Vue CLI 3的构建过程、使用方法和一些注意事项。

    1. 安装Vue CLI 3
      首先,需要在本地安装Node.js和npm。然后,打开命令行工具,使用以下命令全局安装Vue CLI 3:
    npm install -g @vue/cli
    
    1. 创建新项目
      安装完成后,可以使用以下命令创建一个新的Vue项目:
    vue create project-name
    

    其中,project-name是你想要创建的项目的名称。

    1. 选择预设配置或手动配置
      在创建项目时,Vue CLI 3提供了两种配置方式:预设配置和手动配置。

    预设配置是Vue CLI提供的一些常见项目模板,例如默认模板、手动模板、TypeScript模板等。你可以根据自己的需求选择合适的预设配置。

    手动配置允许你根据自己的需求逐个设置各种配置项,包括babel、ESLint、CSS预处理器等。你可以在命令行界面中选择或手动输入配置项。根据提示完成配置后,即可创建项目。

    1. 运行项目
      项目创建完成后,进入项目目录并使用以下命令运行项目:
    cd project-name
    npm run serve
    

    项目将会在本地启动一个开发服务器,并在浏览器中打开默认的网址http://localhost:8080。你可以在浏览器中即时查看项目的运行效果。

    1. 构建项目
      当你完成了项目的开发,并准备将项目部署到生产环境时,可以使用以下命令构建项目:
    npm run build
    

    构建完成后,你将在项目目录中看到一个dist文件夹,其中包含了构建好的静态文件。你可以将这些静态文件上传到服务器上,以供访问者访问。

    需要注意的是,Vue CLI 3的配置文件不再是单个的vue.config.js文件,而是一个基于Webpack的配置目录src/config,其中包含了一系列的配置文件,例如webpack.config.jsbabel.config.js等。

    总结:
    Vue CLI 3是Vue官方推出的一款用于快速构建Vue项目的脚手架工具。使用Vue CLI 3可以更方便地创建、配置和管理Vue项目,同时也提供了更多的功能和选项供开发者使用。通过上述步骤,你可以轻松地使用Vue CLI 3创建和构建自己的Vue项目。

    2年前 0条评论
注册PingCode 在线客服
站长微信
站长微信
电话联系

400-800-1024

工作日9:30-21:00在线

分享本页
返回顶部