angularjs – 如何在Visual Studio Code中使用Typescript和Jasmi

发布时间：2020-12-17 07:53:43 所属栏目：安全来源：网络整理

导读：我的项目从独立到Web,我们的新WebSite正在AngularJS中创建,因此Protractor是为Test Automation选择的工具. 我想整合Typescript与Jasmine和Node的依赖关系,以便我不会得到诸如此类的错误 cannot find name Describecannot find name itcannot find name Expec

我的项目从独立到Web,我们的新WebSite正在AngularJS中创建,因此Protractor是为Test Automation选择的工具.

我想整合Typescript与Jasmine和Node的依赖关系,以便我不会得到诸如此类的错误

cannot find name Describe
cannot find name it
cannot find name Expect

任何人都可以告诉我如何添加Jasmine和Protractor依赖项,这样当我点击ctrl空间时,我将获得所有可用选项.

我已经安装了Typescript.我正在获得量角器依赖,如浏览器,元素,等等.

我该怎么做才能描述,它,期待(茉莉花的东西)？

我每天都使用Visual Studio Code来编写我的脚本,因为它内置了对TypeScript的支持,所以它是我目前最喜欢的Protractor编辑器！

以下是我能想到的可以帮助您设置框架的内容 –

>下载最新的VS Code版本 – https://code.visualstudio.com/download
>全局安装打字稿npm install -g typescript
>全局安装量角器npm install -g量角器
>创建项目文件夹
>为git,node和typescript设置项目文件夹 –

npm init -f // will create default package.json stating its nodejs project
git init  // will create .git file,you project is now git project
tsc --init  // will create tsconfig.json stating its typescript project

>安装打字和开发依赖 –

npm install --save-dev protractor // this will install protractor as a dev dependency
npm install --save-dev typescript // this will install typescript as a dev dependency
npm install --save-dev @types/jasmine // jasmine typings
npm install --save-dev @types/node    // node typings

>此时您已经设置了基本的protractor-typescript项目,您可以在package.json中看到所有的输入和依赖项.现在你可以编写你的打字脚本:).
>现在通过运行编译脚本 –

tsc or tsc -w

>成功编译后,将生成所有javascript文件.
>运行量角器

protractor config.js

>您也可以使用我在这里提到的量角器设置您的vs代码进行调试 – Protractor -VS Code Debugging

有关详细信息,请参阅TypeScript Tutorial,Protractor API

您观察到的Typescript错误是由于VS Code无法识别全局typescript 2.0版本.

要解决这个开放的vscode转到首选项 – >用户设置 – > settings.json将打开并输入突出显示的路径,如图所示

保存文件并重新启动VSCode,现在你很高兴去:)

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!