(三)使用Vite创建Vue项目,了解Vue3生命周期

序章

    其实这个没什么难点,步骤也非常简单,首先我们在本地的目录上创建一个x项目文件夹,然后在控制台上敲一些命令即可。

Vite官网

    Vite官网,官网的解释非常的…详细。这里我们直接挑重点来说明。
    使用vite创建vue项目,可以使用以下命令:

创建Vue项目

方式一

#这种方式会让你选择
npm init vite@latest
  • 接着输入 y
  • 接着我们按照提示选择Vue
  • 接下来我们选择JavaScript
  • 选择完成后,会给到3个提示,按照步骤执行就可。
    操作图片
    整体来说还是非常简单的。

方式二

    第二种安装方和第二种类似只不过是直接指定了使用Vue
    my-vue-app 改为自己想取的项目名称

# npm 7+,需要添加额外的 --:
npm create vite@latest my-vue-app -- --template vue

Vue3生命周期

Vue3生命周期

生命周期的详细解释

    生命周期的详细解释

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值