vue项目--后台管理系统（day1）

携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第6天，点击查看活动详情

这次我们要使用vue2.0完成一个通用后台管理项目，里面使用到了Element-ui以及echarts图标以及mock.js数据模拟。技术来源于B站的一个up主的视频，我跟着一路做的，然后想写文章记点笔记。

1. 首先，先使用vue-cli脚手架创建我们的这个vue-manage项目，在我们要创建项目的文件夹中的目录输入cmd,进入我们的终端窗口，然后先检查一下我们的node版本，在终端窗口中输入node -v，我的版本是16.13.1，如果没安装的可以去node官网安装一下，检查完成之后我们输入vue create ("项目名称")，然后按下回车，就会出现如下图所示的内容：

2. 首先，我们选择Manually select features自定义配置我们的项目，按下回车，然后我们通过上下箭头移动选项，空格选中或者取消选中，这里我们需要选择Babel,Router,Vuex,以及CSS Pre-processors预处理，然后一开始默认选择的Linter就不选择了，这个是一个代码规范，选择了我们会经常报错，选择完成之后我们按下回车

3. 这里我们选择2.x
4. 然后是使用history路由还是哈希路由，我们选择Y
5. 然后是CSS的选择，我们选择less
6. 然后选择In dedicated config files
7. 最后一个是询问是否需要保存这次的配置使他成为默认配置，我们选择N
8. 然后稍等片刻，当我们的终端窗口出现如下图所示的内容就代表着我们的vue-manage项目初始化就创建完成了。