新手来学TS+Vue吧,我也是搞了好多。第一次执行vscode编译ts可能会报错,有解决办法。

本文介绍在VSCode中使用TypeScript时可能遇到的编译错误及其解决方法,包括如何通过更改PowerShell的执行策略来修复tsc命令的错误,并提供了搭建TypeScript和Vue项目的步骤。
摘要由CSDN通过智能技术生成

第一次执行vscode编译ts可能会报错,有解决办法。

在有node的情况下。全局安装ts
操作命令 npm install -g typescript
注意的是你在C盘的Administrator目录下**,运行 tsc -v 也可看到TypeScript的版本。**
但是在vscode中的时候运行tsc 编译ts文件的时候报错如下,此时tsc -v也报同样的错:(vscode不在C盘的Administrator目录下)
在这里插入图片描述
原因是 PowerShell的默认执行策略是 Restricted,它禁止运行任何脚本和配置文件。故需更改PowerShell的设置来解决刚遇到的问题。

办法

1、以管理员身份运行powerShell(一定要以管路员身份打开)
(① 使用 win+x 快捷键,会出现如下弹窗,鼠标左键单击Windows PowerShell 即可打开shell.)
**2、**执行以下命令:
set-ExecutionPolicy RemoteSigned
**3、**敲Y/A
4 运行 get-ExecutionPolicy 命令,可看到脚本的执行策略已被更改为 RemoteSigned
5回到vscode的终端,输入命令 tsc -v 不再报错,也可对ts文件进行编译。

1脚手架搭建跟Vue搭建是一样的

第一步先俺咋混个typescript
执行命令 npm install typescript -g
或者yarn global add typescript
注意tsc的操作命令 容易报错 tsc --help帮助
第二步:
npm i @vue/cli -g 全局安装Vue的脚手架
然后
就可以创建项目了,注意的是项目名不能有大写,否则会报错。 vue create 项目名

安装比较慢提示我切换镜像源taobao,你也可以提前切换好,否则选yes就好。
在这里插入图片描述

在这里插入图片描述
这个选择自定义的就可以了,不会选择就用键盘的↓ 就OK。
在这里插入图片描述
然后根据你所需要的选择你想要的就可以了
在这里插入图片描述
根据情况进行下一步y/n
,静静的等待他成功,所以你的网络一定好。
完成后会有提示
我们先进入到创建的项目名 cd 名
use class-style component 选择yes
就npm run serve 或者yarn 。
介绍配置文件
tsconfig.json 是配置提示编译环境
XXXX.d.ts(以.d.ts后缀名的文件是)支持vue,jsx,ts 的写法。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值