Vue -- 基础知识

对于前端工程师来说，Vue，大家都应该很熟悉了，那么对于小白如何快速入手vue，以下就是我在学习开发中的总结

安装

在5月份的时候，突然想关注一下vue3，全局安装了一下，现在想回退回2版本，进行新的项目开发

所有版本安装，前提是已经全局安装过node

如果不是vue-cli，单独配置需要安装，全局安装webpack

node -v

npm -v

npm install -g webpack

最新稳定版

npm install -g vue-cli

vue-cli2.x.x 版本 安装指定版本（确保已经有此版本才能安装成功）

npm install -g vue-cli@2.x.x 

vue-cli2.x.x 版本卸载

npm uninstall -g vue-cli

vue-cli3.x.x 版本安装
3.0 级以上版本 Vue CLI 的包名称由 vue-cli 改成了 @vue/cli

npm install -g @vue/cli

vue-cli3.x.x 版本卸载

npm uninstall -g @vue/cli

vue-cli2.x.x 版本创建项目报错

报错内容如上图！

解决办法:用一下命令清除缓存，重新安装即可。

npm cache clean --force

同时在网上查阅相关资料发现，有时安装vue-cli 的时候也会出现这种类似的错误造成无法安装成功，用上边的命令清除缓存以后，就可以安装成功

Vue 的应用：普遍应用在数据交互比较多、管理后台的应用较广泛

Vue v-for循环指令为什么使用key标记，作用：与diff算法有关，使用性能非常高

Vue 第三方插件 https://github.com/vuejs/awesome-vue#components--libraries