vue学习(2)手把手教你手动构建ant design项目

本文详述了如何从零开始使用Vue CLI 3.3.0手动创建一个包含Babel、Vue Router、Vuex、CSS预处理器(Less)、Linter/Formatter和Jest单元测试的项目,并逐步集成并配置Ant Design Vue,实现按需加载组件和自定义主题。
摘要由CSDN通过智能技术生成

 首先确保你的vue-cli已经到了3.0以上,否则不能使用vue create命令。

全局安装 cnpm i -g @vue/cli@3.3.0

首先,打开cmd,切换到你想放置项目的文件夹,如我想放到D:/学习,就如下设置

然后使用vue create 创建一个项目,名字任取,我取做vue_test,然后它会让你选择默认,还是手动添加,我们选择第二个,即

Manually select features

 出现如下几个配置项,我们选择Babel(实现按需加载),Router(路由),Vuex(状态管理)、Css Pre-processors(CSS预处理)、Linter/Formatter(代码规范)、Unit Testing(单元测试)

 按空格键选择好后,按回车,会出现如下选择

我们选择Y, 然后会出现让我们选择CSS预处理器

我们这里选择less,可以方便我们定制主题,回车看到如下选择

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值