npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

generator-tonysneed-vscode-typescript

v1.2.0

Published

Yeoman generator for TypeScript projects using Visual Studio Code

Downloads

6

Readme

Build Status

Tony Sneed's Yeoman Generator for TypeScript Projects Using Visual Studio Code

NOTE: This generator is designed to work only on Mac OS X or Linux. To work on Windows, a number of issues will need to be addressed, including differences in file paths.

Using the Yeoman Generator

  1. Install Yeoman.
  • Use npm to install Yeoman globally.

    npm install -g yo
  1. Install the tonysneed-vscode-typescript generator.
  • Use npm to install the generator globally.

    npm install -g generator-tonysneed-vscode-typescript
  1. Create a directory for your new TypeScript project.
  • Create the directory where you wish to place your TypeScript project.

  • cd into the directory you just created.

    mkdir MyCoolTypeScriptProject
    cd MyCoolTypeScriptProject
  1. Use the tonysneed-vscode-typescript generator.
  • Run the tonysneed-vscode-typescript Yeoman generator.

    • For a list of optional parameters, add the --help parameter.
    • To prevent installation of dependencies, add the --skip-install parameter.
    ~/source/MyCoolTypeScriptProject $ yo tonysneed-vscode-typescript
    
         _-----_
        |       |    .--------------------------.
        |--(o)--|    |  Welcome to Tony Sneed's |
       `---------´   |    Visual Studio Code    |
        ( _´U`_ )    |   TypeScript generator!  |
        /___A___\    '--------------------------'
         |  ~  |     
       __'.___.'__   
     ´   `  |° ´ Y ` 
    
    ? Application Name (my-cool-type-script-project) 

Using Visual Studio Code

  1. Open the TypeScript project in Visual Studio Code.
  • Follow these instructions to set up VS Code: https://code.visualstudio.com/Docs/editor/setup

  • Launch VS Code from the command line and follow instructions in the project's README.md file.

    code .
  1. Compile TypeScript files.
  • Pressing Cmd+B to compile TypeScript to JavaScript.
    • Notice that a dist folder appears with .js files in it.
    • Also included are sourcemaps and type defitions.
  1. Run tests.
  • Run the tests by pressing Cmd+T.
    • You should see results displayed in the Output window.
  1. Debug tests.
  • Set a breakpoint on line 15 in greeter.spec.ts, then press Cmd+D to view debugging options.
    • Select Debug Current TypeScript Test from the dropdown and press F5 to launch the debugger.
    • You should hit the breakpoint.
    • Press F11 to step into greeter.greet().
    • Press Shift+F5 to stop the debugger.