vue Cli脚手架搭建项目

参考官方文档：介绍 | Vue CLI

关于Vue Cli脚手架：Vue Cli vue脚手架 是vue 官方提供的一个全局命令工具

可以帮助我们快速创建一个开发的vue项目的标准化基础架子，集成了webpack配置，统一配置。

好处：

1. 开箱即用，零配置
2. 内置babel等工具（作用：可以将es6等高级语法转化成浏览器能够识别的等版本代码
3. 标准化（所有架子都一样）

创建步骤：

一、安装vue脚手架：

yarn global add @vue/cli 或npm i @vue/cli -g

二、创建vue项目

vue create mydemo（项目名称)

配置项目可以选择手动配置或者按照历史配置项默认配置：

• 这里选择 Manually select features进行手动配置

    ----------快捷键：（上下箭头切换当前配置项）

    ----------空格键操作选中取消

•  配置项选择babel、router、vuex、linter/formatter、css预处理

• 路由模式选择History或者hash,(n表示默认选择hash路由模式）
• ps:如果选择history模式，需要服务端配合修改配置接口 

• css预处理选择less(根据项目需要和使用偏好选择） 

•  eslint代码规范：选择标准版，一般企业级开发都用的eslint标准版本居多

• 其他配置：可以选择是否将当前选择的配置项作为历史记录，下次直接使用。 

三、初始化项目文件。

       将assets文件夹清空、删除app.vue中的内容、components文件夹文件等不用的文件可文件中示例内容。

       新建src目录下的utils公共方法文件、和view文件。

搭建完项目和初始化后可以按照项目需求开始搭建路由、引入vant组件、和封装request请求等后续页面逻辑开发做好准备。