什么是VueCLI3

最新推荐文章于 2024-07-17 20:45:00 发布

从零开始学前端

最新推荐文章于 2024-07-17 20:45:00 发布

阅读量705

点赞数

分类专栏：从零开始学前端

本文链接：https://blog.csdn.net/learning_web/article/details/90757530

版权

VueCLI3是一个完整的前端开发系统，基于Vue.js并提供交互式项目脚手架、零配置原型开发和丰富的官方插件。新特性包括Vue UI，允许用户通过图形界面创建项目。Vue CLI 3在初始化时会自动安装Vuex和Vue Router。配置文件的变化包括移除build和config目录，新增vue.config.js，并将index.html移到public目录。npm run dev命令被替换为vue-cli-service serve。

摘要由CSDN通过智能技术生成

什么是VueCLI3

八个方面深度解析前端知识/技能，本篇分享的是：

【什么是VueCLI3】

什么是VueCLI
背景介绍
Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统，提供：

通过 @vue/cli 搭建交互式的项目脚手架。
通过 @vue/cli + @vue/cli-service-global 快速开始零配置原型开发。
一个运行时依赖 (@vue/cli-service)，该依赖：
可升级；

基于 webpack 构建，并带有合理的默认配置；
可以通过项目内的配置文件进行配置；
可以通过插件进行扩展。
一个丰富的官方插件集合，集成了前端生态中最好的工具。
一套完全图形化的创建和管理 Vue.js 项目的用户界面。
Vue CLI 致力于将 Vue 生态中的工具基础标准化。它确保了各种构建工具能够基于智能的默认配置即可平稳衔接，这样你可以专注在撰写应用上，而不必花好几天去纠结配置的问题。与此同时，它也为每个工具提供了调整配置的灵活性，无需 eject。
安装
Vue CLI 的包名称由 vue-cli 改成了 @vue/cli。如果你已经全局安装了旧版本的 vue-cli (1.x 或 2.x)，你需要先通过 npm uninstall vue-cli -g 或 yarn global remove vue-cli 卸载它。

Node 版本要求Vue CLI 需要 Node.js 8.9 或更高版本 (推荐 8.11.0+)。你可以使用 nvm 或 nvm-windows 在同一台电脑中管理多个 Node 版本。

npm install -g @vue/cli