Vue3.0+ts脚手架基础使用详细教程(基于node.js,构建项目(两种方式)、预设,手把手教学)

  1. 先安装node.js,再安装vue-cli
    点此见另一边文章(很详细)

  2. window键+R打开终端输入 cmd(安装完成之后在进行以下操作)
    在这里插入图片描述

    点击确定进入终端
    在这里插入图片描述
    进入你想要在的文件夹,并输入vue create demos(demos是项目名,可以用我的,你也自己起的)然后按下回车键,会出现选择创建方式,选择最后一个:自定义配置
    在这里插入图片描述
    键盘上下键选择,然后回车
    在这里插入图片描述
    键盘上下键移动,空格键选择,选择后括号会出现*号,然后回车
    在这里插入图片描述
    默认2.x直接回车(3.x才刚刚发布)
    在这里插入图片描述
    以上预设配置我是这么选择的;
    最后一问题就是问你要不要保存为将来的预设也就是这张图的1111、testPreset、vue_ts在这里插入图片描述
    稍等一会我们的项目就创建成功了
    在这里插入图片描述
    运行之后就是这个样子:
    在这里插入图片描述

  3. 在终端输入: vue ui
    然后会自动打开浏览器,出现创建demo的网页,选择你的路径,进行创建项目。
    按照上面的预设配置方式进行创建vue3.0的demo(个人比较喜欢使用这种方式)

  • 2
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

苟圣啊

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值