ant vue 语言_从零开始ant-design-vue-pro开发笔记（一）

开始

从这里开始是用ant-design-vue组件写ant-design-vue-pro这个后台项目实现步骤的从零开始搭建的过程，视频地址，它采用了ant-desgin-vue的组件库作为素材开发，进一步提炼了中后台管理系统的产品原型，可以帮助快速搭建后台页面。技术栈： ES2015+、Vue.Js、Vuex、Vue-Router、g2 和 antd-vue。

初始化项目

采用Vue cli工具帮我们快速搭建项目脚手架，没有安装 Vue cli 3 的需要先用 npm 或者 yarn 安装(安装步骤略)。

下面开始是通过 Vue cli 3 创建项目，引入必要的插件、依赖等基本步骤：

创建ant-desgin-vue-pro项目

d:

cd vue

vue create ant-design-vue-pro

选择

以下位生成项目配置的选项列：按空格为选中，回车为确定到下一步：

//选择特性

Manually select features：

Babel、Router、Vuex、CSS Pre-processors、Linter/Formatter、Unit Testing

//是否用history的路由

use hisotry mode ： y

//选择css预加载器

pick a Css pre-processor ：Less

//选择代码检查和美化器

pick a linter/formatter : Eslint + Prettier

//选择额外的代码检查特性

pick additional lint fea