vue脚手架的搭建以及element的搭建 ---冯浩的博客

vue CLI 搭建流程
首先打开我们的要创建项目的终端

首先输入命令  vue-v   查看我们是否安装了vue-Cli

如果没有 就输入 npm install -g @vue/cli

输入命令  vue create 项目名称

在这里插入图片描述
注意:不要使用vue-cli 之类的关键字

然后我们会看到这个页面

在这里插入图片描述
注意:上面两个 是含有一定功能的创建 建议使用第三个手动选择功能

在这里插入图片描述
注意:推荐代码规范选上这样有助于你和别人更加爱看你的代码
空格是勾选

在这里插入图片描述

然后选择vue的版本 切记选择 2.x

注意:一定要选择2.x,因为element暂时是不支持3.x的

在这里插入图片描述

	这句的意思是使用history的router模式

注意:history在兼容性方面有些问题,不建议使用
在这里插入图片描述

然后选择代码预编译器会那个选哪个就可以

在这里插入图片描述

下面选择代码格式规范  一般选择第三个  这是大多数人都喜欢的

在这里插入图片描述

在什么情况下触发代码格式校验
第一种当我们修改代码保存文件的时候去校验
第二种当我们提交文件的时候去校验  会有一个自动修补的功能
建议两个都选

在这里插入图片描述

第一种是生成独立的配置文件
第二种是生成到一个配置文件
建议:使用第一个

在这里插入图片描述

是否记录本次创建时的选择   由于我们每个项目所需要的都不相同所以建议不使用

在这里插入图片描述

这样便创建成功了
然后输入 cd vue-ty
npm run serve 打开

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
**

element安装

在命令行中输入vue add element

在这里插入图片描述
fully import 是全面导入 一般选择第一个 因为会自动引用 不需要再去配置
在这里插入图片描述
在这里插入图片描述

选择zh-cn  中文然后开始安装

然后再通过npm run serve 打开 然后使用element就可以使用了

在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值