使用 vue-cli 创建项目详细步骤

1.首先找到你想创建文件夹的位置
本文选择的是 D盘 code文件夹下:
在这里插入图片描述
2. cmd enter进去 打开小黑窗
在这里插入图片描述
在这里插入图片描述
3. 输入vue create 项目名称 enter 创建项目
在这里插入图片描述
4. 选择预设 通过上下键调整

  • 第一个是我之前自己定义的模板,大家后面也可以手动设置
  • 第二个则是 默认 vue2.x 项目,babel 和 eslint 是必选的
  • 第三个则是 默认 vue3.x 项目,babel 和 eslint 也是必选的
  • 第四个则是 手动选择要安装哪些功能
    建议大家手动配置,本文选择手动配置
    在这里插入图片描述
    5. 选择自己要安装的配置 通过空格键来选择
  • 第一项 选择 vue 版本,后面会提示
  • 第二项 babel 必须要有的,用来解决 js 兼容性
  • 第三项 typescript ,微软的脚本语言,比 js 更强大一点
  • 第四项 渐进式web框架
  • 第五项 路由,前期不用,后期必用
  • 第六项 vuex,前期不用,后期必用
  • 第七项 css 预处理器,选择后会自动安装 less
  • 第八项 约束团队代码风格的,也称为严格模式
  • 第九项 单元测试
  • 第十项 E2E测试
    本文选择的是第 1、2、7 项
    在这里插入图片描述
    6.选择 vue 版本
    本文选择的是 2.x
    在这里插入图片描述
    7. 勾选 less
    本文选择 less ,其它没学过
    在这里插入图片描述
    8. 选择配置文件分开 还是放到 package.json 下
    注意:建议把 Babel、Eslint 等插件的配置项,放到自己独立的配置文件中
    本文选择第一项,建议选择第一项,千万不要选错
    在这里插入图片描述
    9. 是否将刚才的配置 当作一个模板
    这个选不选都 ok ,问题不大
    在这里插入图片描述
    10. 项目创建 完毕
    注意:项目创建过程中,鼠标不要点击小黑窗,否则项目会 冻结,可以通过 enter 解冻。
    在这里插入图片描述
  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值