用yarn命令在VSCode中创建项目

第一种方法

首先点击文件,选择打开文件夹

选择你要创建项目的目录下,比如我选择的是frist文件夹下,那么把它点开,路径显示为以下图片中的样子

点击选择文件夹,现在我们就已经在这个文件下了

打开终端,输入yarn init,回车后会依次出现以下问题,我们现在只是演示一下如何创建一个项目,所以只输入了文件名字,大家可以先只输入一个文件名,回车,其他具体意思,下一片发布会写

好的现在就已经创建好了,这时候你的文件夹frist下会出现一个package。json文件

里面存储的就是当时你所选择的各种关于这个项目的信息

第二种方法

依旧是打开终端,只不过我们这次要选择根目录,(们的具体关系,我会以图片的形式放在本文章的最后)

输入yarn create -g vite

依旧只输入名字

回车后下一步选择

我们这里选择vue用键盘上的上下箭头选择

选择完后,回车进行下部选择

依旧是上下箭头选择,这里我们就用typescript,所以我们直接回车

一定要按红色框的顺序步骤来,最后这样的

ctrl加左键,点击链接,运行项目,项目会在默认浏览器中打开

这样一个项目就创建好了

接下来说一下这两种方法的不一样

我们今天创建完两个项目之后,就是这个样子的,让后我们吧他们点开

会发现我们用第二种方法建的项目,东西会更多一是一个空白的项目些,第二种方法会构建一个简单的框架,第一种是一个空白项目,创建的时候也要多加注意,具体看图片中标注

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值