（LFL）Vue和vue-cli的安装

省流：

cnpm install -g vue@^2.6.11
npm install -g @vue/cli@^4.5.0

1、首先检查是否安装好nodejs和npm

参考文档

1.1、 nodejs下载地址
https://nodejs.org/dist/v12.9.1/win-x64/

1.2、 nodejs版本12.9.1压缩包形式安装教程
https://blog.csdn.net/yyfy1015827/article/details/109824330

1.3、nodejs和对应的node-sass版本

https://blog.csdn.net/qq_40095911/article/details/119253908

1.4、安装cnpm

npm install -g cnpm --registry=http://registry.npm.taobao.org

-- nodejs是否安装且配置好环境变量的验证方式
node -v
-- npns是否安装且配置好环境变量的验证方式
npm -v

2、安装vue

cnpm install -g vue@^2.6.11

3、安装vue-cli（3.0版本前后有区别）

npm install -g @vue/cli@^4.5.0

*区别：3.0以下版本名称是vue-cli，3.0以上版本是vue/cli

我是参考的 Vue CLI 官方文档（一）@vue/cli、@vue/cli-service、插件和 Preset-CSDN博客

1、（安装的是最新版）
npm install -g @vue/cli
2、（指定版本安装【指定版本为3.0以下版本】，其中2.9.6为版本号）
npm install vue-cli@2.9.6
3、（指定版本安装【指定版本为3.0以上版本】，其中3.11.0为版本号）
npm install -g @vue/cli@3.11.0

4、vue和vue-cli的区别，分别是什么

• Vue CLI是一个脚手架，通俗点说就是代码生成器，可以快速生成一套基于Vue完整的前端框架，单独编译，单独部署。可以再集成各种第三方插件，扩展出更多的功能。
• Vue是渐近式框架，你可以用它一个功能，也可以用全家桶。比如你可以在老的jsp或thymeleaf项目里，引入vue.js，只用它核心的数据绑定功能。

我参考的是 vue & vue Cli 版本及对应关系_vuecli版本和vue版本的关系_艾文达的博客-CSDN博客