前端Vue-cli工程化如何实现最佳实践？

本文共计1392个文字，预计阅读时间需要6分钟。

六、前端工程化Vue CLI+Vue是一个渐进式框架，可用于功能实现，也可用全家桶。章节中，我们在中引入vue.js，仅用其核心的数据绑定功能。但基于vue的扩展还有很多，例如

六 前端工程化vue-cli

Vue是渐近式框架，你可以用它一个功能，也可以用全家桶。前面的章节中，我们是在html中引入vue.js，只用它核心的数据绑定功能。但基于vue的扩展还有很多，比如vueRouter，axios，elementUI等。vue-cli，它是一个专门为单页面应用快速搭建繁杂的Vue脚手架，通俗点说就是代码生成器，可以快速生成一套基于Vue完整的前端框架，单独编译，单独部署。可以再集成各种第三方插件，扩展出更多的功能。也就是：Vue cli = Vue + 一堆的js插件Vue CLI 4.5以下，对应的是Vue2Vue CLI 4.5及以上，对应的是Vue3，创建项目的时候可以选择Vue2利用vue-cli脚手架来构建Vue项目需要先安装Node.js和NPM环境。(安装了node.js才有npm ，才能安装vue-cli)

1.环境安装

1.1安装Node.js

可以在官网下载(nodejs.org/en/download/) 或者找呆萌老师获取。

​

注意：最新版本不支持win7系统，win7系统需要下载之前的版本，比如14之前的，下载地址：nodejs.org/dist/

安装步骤很简单，一直点击下一步就可以，中间有一个安装目录，需要修改的可以改一下。