亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專欄INFORMATION COLUMN

VSCode配置支持mocha調(diào)試

el09xccxy / 1180人閱讀

摘要：平常開發(fā)的時(shí)候經(jīng)常性需要對(duì)某個(gè)組件進(jìn)行單元測(cè)試。而提供了調(diào)試的程序的功能，就希望直接在源碼頁(yè)面上調(diào)試，這樣更加方便。優(yōu)化不過在處理過程中，發(fā)現(xiàn)斷點(diǎn)的地方往往與實(shí)際不相符，這是因?yàn)榫幾g后的源碼與實(shí)際源碼文件的行不一致造成的。

平常開發(fā)的時(shí)候,經(jīng)常性需要對(duì)某個(gè)組件進(jìn)行單元測(cè)試。而VSCode提供了調(diào)試的node程序的功能，就希望直接在源碼頁(yè)面上調(diào)試，這樣更加方便。

啟用調(diào)試

點(diǎn)擊Debug的標(biāo)簽，如下圖：

在打開的lanuch.json文件復(fù)制以下內(nèi)容：

{
  "version": "0.2.0",
  "configurations": [
    {
      "name": "Run mocha",
      "type": "node",
      "request": "launch",
      "program": "${workspaceRoot}/node_modules/mocha/bin/_mocha",
      "stopOnEntry": false,
      "args": [
        "--no-timeouts",
        "--require",
        "./testHelper.js",
        "--compilers",
        "js:babel-core/register",
        "--recursive"
      ],
      "cwd": "${workspaceRoot}/",
      "runtimeExecutable": null,
      "env": {
        "NODE_ENV": "testing"
      }
    }
  ]
}

在根目錄下創(chuàng)建 testHelper.js和registerBabel.js兩個(gè)文件：

testHelper.js:

require("./registerBabel");

registerBabel.js:

require("babel-core/register")({
  // babel options
  // ...
  // 在這里可以處理某些特殊的需要，比如對(duì)`node_moduels`下某個(gè)組件啟用babel解析等等
});

抽離這兩個(gè)文件是為了讓正式程序也直接可以調(diào)用registerBabel.js文件。

當(dāng)然要記得安裝babel-core

npm i babel-core -D

然后再你想打斷點(diǎn)的位置 打上斷點(diǎn)，點(diǎn)擊run 就可以了、。

優(yōu)化

不過在處理過程中，發(fā)現(xiàn)斷點(diǎn)的地方往往與實(shí)際不相符，這是因?yàn)榫幾g后的源碼與實(shí)際源碼文件的行不一致造成的。只需要在.babelrc文件內(nèi)加上一個(gè)屬性即可：

{
  "retainLines": true
}

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/109235.html

相關(guān)文章

  • 用webpack寫個(gè)現(xiàn)代的JavaScript包

    摘要：這里我們可以嘗試運(yùn)行一下命令嘗試能否構(gòu)建成功，成功的情況下在目錄下會(huì)生成的文件。在添加調(diào)試代碼打開調(diào)試面板在下拉選項(xiàng)中選擇添加配置或者直接創(chuàng)建并打開文件使用了解相關(guān)屬性。 webpack 作為目前主流的構(gòu)建工具，其較快的版本迭代和復(fù)雜的配置方式，使得每次開發(fā)前不得不規(guī)劃相當(dāng)部分時(shí)間來調(diào)試。這里將記錄整個(gè)環(huán)境的搭建過程，為新手提供基礎(chǔ)思路。 就像我在開發(fā)vue-sitemap時(shí)一樣，構(gòu)建...

    yhaolpz 評(píng)論0 收藏0

  • 如何在VScode 中 調(diào)試 ts 文件 Unit test

    摘要：最近在使用調(diào)試寫的遇到一個(gè)問題，文件中了某個(gè)寫的文件代碼，跑的時(shí)候回報(bào)錯(cuò)說無法找到。解決方式是在參數(shù)中加入 最近在使用VScode 調(diào)試 mocha 寫的 UT, 遇到一個(gè)問題，executor.js文件中require了某個(gè)ts寫的文件代碼，跑ut的時(shí)候回報(bào)錯(cuò)說無法找到。 解決方式是在參數(shù)中加入 -r,ts-node/register { type: ...

    songze 評(píng)論0 收藏0

  • 你不知道的前端SDK開發(fā)技巧

    摘要：一個(gè)帶提示的最后對(duì)于開發(fā)同學(xué)來說，就算不使用，也強(qiáng)烈建議使用提供注解，它會(huì)通過一些類型推導(dǎo)來檢查你的代碼的正確性，可以減少很多開發(fā)過程中的。相對(duì)于對(duì)象，它保證了輸入的類型你定義的對(duì)象可能某一天不再只有類型的，不再需要額外的類型判斷。 作者：陳達(dá)孚 香港中文大學(xué)研究生,《移動(dòng)Web前端高效開發(fā)實(shí)戰(zhàn)》作者之一，《前端開發(fā)者指南2017》譯者之一，在中國(guó)前端開發(fā)者大會(huì),中生代技術(shù)大會(huì)等技術(shù)...

    jokester 評(píng)論0 收藏0

  • VS Code插件開發(fā)指南(view-readme)

    摘要：本次給大家?guī)淼姆窒硎顷P(guān)于插件的一些經(jīng)驗(yàn)，分享的內(nèi)容是我寫的一個(gè)插件。為了解決上面這個(gè)問題，我開發(fā)了這個(gè)插件。 本次給大家?guī)淼姆窒硎顷P(guān)于VS Code插件的一些經(jīng)驗(yàn)，分享的內(nèi)容是我寫的一個(gè)插件：view-readme。 開發(fā)背景 在本地安裝好所有npm包后，有的時(shí)候想看看某個(gè)模塊的文檔，了解其特性以及如何使用。于是打開node_modules文件夾，大家都知道，這個(gè)文件夾里面的文件是...

    yy736044583 評(píng)論0 收藏0

  • 前端開發(fā)VScode常用插件

    摘要：名稱功能自動(dòng)閉合標(biāo)簽自動(dòng)提示修改標(biāo)簽時(shí)，自動(dòng)修改匹配的標(biāo)簽格式化編寫更加人性化的注釋添加行書簽的瀏覽器兼容性檢查運(yùn)行選中代碼段支持大量語(yǔ)言，包括單詞拼寫檢查在中彈出瀏覽器并搜索，可編輯搜索引擎顏色值在代碼中高亮顯示小窗口顯示顏色值，等等拾色 名稱 功能 Auto Close Tag 自動(dòng)閉合HTML標(biāo)簽 Auto Import...

    hellowoody 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<