Git Product home page Git Product logo

fable-vscode-rollup-sample's Introduction

Example VS Code Extension with Fable

This is the Word Count example build with Fable. It was cloned from acormier/vscode-fable-sample and modified to work with the .NET SDK 3 and later, Rollup instead of Webpack and Fable 3.

For Extension Authors

Remember to update package.json and things like the license according to your needs.

Getting Started

Run the following commands:

# Restore .NET tools
dotnet tool restore
# Restore JavaScript packages
npm install

Now, open VS Code and hit F5 to start another instance of VS Code. This experimental instance will have the extension loaded and the debugger attached to it. When starting the "Launch Extension" configuration, VS Code will run the build NPM script, which will transpile and bundle the source code and write the resulting JavaScript code to the out/ directory.

Rebuild The Extension On Any Code Change

Run the "Build extension in watch mode" task from within VS Code. Alternatively, you can run npm run dev from a terminal. Then, launch the debugger with the "Launch extension without build" configuration. Whenever you change a code file, the whole extension will be rebuild to the out/ directory. You can reload the experimental instance of VS Code to reload the new version of the extension.

TODO

  • Get the debugger to work with F# code

    When setting breakpoints in F# code, the execution stops at the correct location, but the editor jumps to the transpiled JavaScript code. Breakpoints in ES2015 code, as seen in the src/formatter.js file, work correctly.

fable-vscode-rollup-sample's People

Contributors

dependabot[bot] avatar inosik avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

Forkers

billhally nj00

fable-vscode-rollup-sample's Issues

How to register a command?

I want to register my own command, but it doesn't work due to wrong signature. I'm new to F#, so I don't any idea how it should like, so please share your idea :) Thanks in advance.

image

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.