Vue3.x+TypeScript学习(一.安装开发环境)

Vue3.x+TypeScript学习(一.安装开发环境)

windows打开cmd窗口,输入命令:

npm install -g @vue/cli


安装完成后检查是否安装,输入命令查看vue版本:

vue --version

在这里插入图片描述

1.随后创建一个文件夹,存放vue项目,使用__vscode__ 打开
在vscode终端创建一个项目

vue create 项目名称
在这里插入图片描述

2.询问是否需要科学上网,使用淘宝源,输入Y,不使用的话网速会很慢在这里插入图片描述
3.然后是叫我们选择一个模板,有三个选项 vue2模板,vue3模板,自定义模板,由于我们这边要使用TypeScript,所以选择第三个.在这里插入图片描述
这里带*的表示已经选择的模板,按方向下键选择TypeScript,再按下空格键就选中了,这边选择这四项即可,按下enter键进入下一步

4.选择3.x版本
在这里插入图片描述
5.是否使用class-style样式,n
是否使用TypeScript Babel,n
在这里插入图片描述
在这里插入图片描述
6.选择第一项默认的即可
在这里插入图片描述
7.选第一项

在这里插入图片描述
8.这里是将配置文件单独写入一个文件还是写入到package.json,选第一项

在这里插入图片描述
9.询问是否要将这些设置保存起来,下次直接使用,不保存 n

在这里插入图片描述
10.如果你安装了yarm和npm,会询问使用哪个进行构建,这边我只安装了npm,就结束了,据说yarm构建会更快,准备后面去装一个试试

最后完成之后是这样的在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值