前端工程化VUE-cli

六 前端工程化vue-cli

Vue是渐近式框架，你可以用它一个功能，也可以用全家桶。前面的章节中，我们是在html中引入vue.js，只用它核心的数据绑定功能。但基于vue的扩展还有很多，比如vueRouter，axios，elementUI等。

vue-cli，它是一个专门为单页面应用快速搭建繁杂的Vue脚手架，通俗点说就是代码生成器，可以快速生成一套基于Vue完整的前端框架，单独编译，单独部署。可以再集成各种第三方插件，扩展出更多的功能。

也就是：Vue cli = Vue + 一堆的js插件

Vue CLI 4.5以下，对应的是Vue2
Vue CLI 4.5及以上，对应的是Vue3，创建项目的时候可以选择Vue2

利用vue-cli脚手架来构建Vue项目需要先安装Node.js和NPM环境。(安装了node.js才有npm ，才能安装vue-cli)

1.环境安装

1.1安装Node.js

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

​

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

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

配置一下Node.js环境变量：

测试：

cmd中输入命令 node -v 出现版本号代表配置成功.

1.2 安装npm

​ 由于Node.js已经集成了npm，所以安装完Node.js,npm也一并安装好了。<