第一次执行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 的写法。