vue

elemet 组件网站：去这里

如果通过资源拿到一个新的完整的vue项目，放到本地让他跑起来的步骤：

1、新建空的文件夹 然后创建vue项目：

1. 在空的文件目录里边cmd 
2. 创建命令：vue create 自己定义的项目名称
3. 三选一  选择：Manually select features
4. 多选 选择：Babel、Router、Vuex
5. 二选一 选择：2.x
6.  Use history mode for router? (Requires proper server setup for index fallback in production) Yes
7. In package.json
8. Save this as a preset for future projects?  No
9. cd 自己定义的项目名称
10. npm run server

2、配置环境：

　　安装vue cli：npm install -g @vue/cli

　　查看vue cli 版本：vue --version （出现@vue/cli 5.0.8即正确）

　　配置淘宝镜像加速下载npm： npm config set registry https://registry.npm.taobao.org

　　查看是否配置成功： npm config get registry（出现https://registry.npm.taobao.org/即成功）

　　安装element-ui：npm i element-ui -S

　　卸载（慎用）：npm uninstall element-ui

　　在main.js中引入：

　　import ElementUI from 'element-ui';
　　import 'element-ui/lib/theme-chalk/index.css';

 

---

 

 

错误区域：

 报错：Error: Can‘t resolve ‘echarts/lib/data/helper/completeDimensions‘ in ‘/Users 

 错误详情：降级echarts

 解决方法：npm i v-charts echarts@4.9.0 -S

 具体参考：v-charts使用，报错找不到 echarts/lib/visual/dataColor - 简书 (jianshu.io)

 

　
　关于Element ui的疑惑 ：

第一种：(59条消息) vue安装并导入Element UI_*阳*的博客-CSDN博客_vue安装elementui

第二种：https://www.cnblogs.com/yingyigongzi/p/10728359.html

　　npm install element-plus --legacy-peer-deps

---

 

 vue全局设置elementui的组件的尺寸：(59条消息) vue中如何全局设置ElementUI的组件的尺寸_前端技术的博客-CSDN博客_设置element组件大小

 

参考：超级详细的Vue安装与配置教程_vue.js_脚本之家 (jb51.net)

参考：(54条消息) Vue安装步骤及教程(详细)_叶落无痕123的博客-CSDN博客_vue安装

配置环境变量：(54条消息) VUE安装成功无法创建项目_苏乆阳的博客-CSDN博客_vue创建不了项目

 

---

 

查看vue版本：

vue -V  

 

如果得让vue2 升级到 3:

参考：https://blog.csdn.net/qq_35081500/article/details/102987198?spm=1001.2101.3001.6661.1&utm_medium=distribute.pc_relevant_t0.none-task-blog-2%7Edefault%7ECTRLIST%7ERate-1-102987198-blog-123769994.pc_relevant_default&depth_1-utm_source=distribute.pc_relevant_t0.none-task-blog-2%7Edefault%7ECTRLIST%7ERate-1-102987198-blog-123769994.pc_relevant_default&utm_relevant_index=1

 

如果路由有问题 参考：https://blog.csdn.net/weixin_52834435/article/details/122917256