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

时间:2024-04-01 08:52:50

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

在有node的情况下。全局安装ts
操作命令 npm install -g typescript
注意的是你在C盘的Administrator目录下**,运行 tsc -v 也可看到TypeScript的版本。**
但是在vscode中的时候运行tsc 编译ts文件的时候报错如下,此时tsc -v也报同样的错:(vscode不在C盘的Administrator目录下)
新手来学TS+Vue吧,我也是搞了好多。第一次执行vscode编译ts可能会报错,有解决办法。
原因是 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搭建是一样的

npm i @vue/cli -g 全局安装Vue的脚手架
然后
创建项目名不能有大写,否则会报错。 vue create 项目名

安装比较慢提示我切换镜像源taobao,你也可以提前切换好,否则选yes就好。
新手来学TS+Vue吧,我也是搞了好多。第一次执行vscode编译ts可能会报错,有解决办法。

新手来学TS+Vue吧,我也是搞了好多。第一次执行vscode编译ts可能会报错,有解决办法。
这个选择自定义的就可以了,不会选择就用键盘的↓ 就OK。
新手来学TS+Vue吧,我也是搞了好多。第一次执行vscode编译ts可能会报错,有解决办法。
然后根据你所需要的选择你想要的就可以了
新手来学TS+Vue吧,我也是搞了好多。第一次执行vscode编译ts可能会报错,有解决办法。
根据情况进行下一步y/n
,静静的等待他成功,所以你的网络一定好。
完成后会有提示
我们先进入到创建的项目名 cd 名
use class-style component 选择yes
就npm run serve 或者yarn 。
介绍配置文件
tsconfig.json 是配置提示编译环境
XXXX.d.ts(以.d.ts后缀名的文件是)支持vue,jsx,ts 的写法。