CodePen vs Visual Studio Code

Need advice about which tool to choose?Ask the StackShare community!

CodePen

111
144
+ 1
0
Visual Studio Code

98.5K
83.5K
+ 1
2.1K
Add tool

CodePen vs Visual Studio Code: What are the differences?

What is CodePen? An online community for testing and showcasing user-created HTML, CSS and JavaScript code snippets. It is a social development environment for front-end designers and developers.. It functions as an online code editor and open-source learning environment, where developers can create code snippets, creatively named "pens", and test them.

What is Visual Studio Code? Build and debug modern web and cloud applications, by Microsoft. Build and debug modern web and cloud applications. Code is free and available on your favorite platform - Linux, Mac OSX, and Windows.

CodePen can be classified as a tool in the "Cloud IDE" category, while Visual Studio Code is grouped under "Text Editor".

Visual Studio Code is an open source tool with 80.7K GitHub stars and 11.4K GitHub forks. Here's a link to Visual Studio Code's open source repository on GitHub.

According to the StackShare community, Visual Studio Code has a broader approval, being mentioned in 1623 company stacks & 11776 developers stacks; compared to CodePen, which is listed in 6 company stacks and 14 developer stacks.

Decisions about CodePen and Visual Studio Code
Kamaleshwar BN
Head of Engineering at Dibiz Pte. Ltd. · | 12 upvotes · 676.7K views

Visual Studio Code became famous over the past 3+ years I believe. The clean UI, easy to use UX and the plethora of integrations made it a very easy decision for us. Our gripe with Sublime was probably only the UX side. VSCode has not failed us till now, and still is able to support our development env without any significant effort.

Goland being paid, as well as built only for Go seemed like a significant limitation to not consider it.

See more
Simon Ibssa
Student at California Polytechnic State University, San Luis Obispo · | 2 upvotes · 605.7K views

I decided to choose VSCode over Sublime text for my Systems Programming class in C. What I love about VSCode is its awesome ability to add extensions. Intellisense is a beautiful debugger, and Remote SSH allows me to login and make real-time changes in VSCode to files on my university server. This is an awesome alternative to going back and forth on pushing/pulling code and logging into servers in the terminal. Great choice for anyone interested in C programming!

See more
Get Advice from developers at your company using Private StackShare. Sign up for Private StackShare.
Learn More
Pros of CodePen
Pros of Visual Studio Code
    Be the first to leave a pro
    • 324
      Powerful multilanguage IDE
    • 288
      Fast
    • 183
      Front-end develop out of the box
    • 151
      Support TypeScript IntelliSense
    • 134
      Very basic but free
    • 115
      Git integration
    • 98
      Intellisense
    • 72
      Faster than Atom
    • 45
      Better ui, easy plugins, and nice git integration
    • 41
      Great Refactoring Tools
    • 38
      Good Plugins
    • 36
      Terminal
    • 36
      Superb markdown support
    • 32
      Open Source
    • 27
      Extensions
    • 25
      Awesome UI
    • 25
      Large & up-to-date extension community
    • 22
      Powerful and fast
    • 20
      Portable
    • 16
      Best code editor
    • 16
      Best editor
    • 15
      Easy to get started with
    • 14
      Crossplatform
    • 14
      Open, cross-platform, fast, monthly updates
    • 14
      Built on Electron
    • 14
      Good for begginers
    • 13
      Lots of extensions
    • 12
      All Languages Support
    • 12
      Extensions for everything
    • 11
      Extensible
    • 11
      Useful for begginer
    • 11
      Ui design is great
    • 11
      Easy to use and learn
    • 11
      Faster edit for slow computer
    • 11
      Totally customizable
    • 10
      Git out of the box
    • 10
      "fast, stable & easy to use"
    • 9
      Great community
    • 9
      It has terminal and there are lots of shortcuts in it
    • 9
      Great language support
    • 8
      Works With Almost EveryThing You Need
    • 8
      SSH support
    • 8
      Powerful Debugger
    • 8
      Fast Startup
    • 7
      Great document formater
    • 7
      Python extension is fast
    • 7
      Features rich
    • 7
      Can compile and run .py files
    • 6
      Awesome multi cursor support
    • 6
      He is not Michael
    • 6
      She is not Rachel
    • 5
      Extension Echosystem
    • 5
      Easy azure
    • 5
      VSCode.pro Course makes it easy to learn
    • 5
      Language server client
    • 5
      SFTP Workspace
    • 4
      Very proffesional
    • 4
      Has better support and more extentions for debugging
    • 3
      Excellent as git difftool and mergetool
    • 3
      Virtualenv integration
    • 3
      Supports lots of operating systems
    • 3
      Emmet preinstalled
    • 3
      'batteries included'
    • 3
      Has more than enough languages for any developer
    • 2
      VS Code Server: Browser version of VS Code
    • 2
      Fast and ruby is built right in
    • 2
      Better autocompletes than Atom
    • 2
      CMake support with autocomplete
    • 2
      Light
    • 2
      More tools to integrate with vs

    Sign up to add or upvote prosMake informed product decisions

    Cons of CodePen
    Cons of Visual Studio Code
    • 1
      No support for any other git-server than github
    • 37
      Slow startup
    • 22
      Resource hog at times
    • 19
      Poor refactoring
    • 12
      Poor UI Designer
    • 11
      Weak Ui design tools
    • 9
      Poor autocomplete
    • 8
      Microsoft
    • 7
      Poor in PHP
    • 5
      Poor at Python
    • 4
      Poor intellisense. poor java
    • 4
      Super Slow
    • 3
      No color Intergrator
    • 3
      No built in live Preview
    • 3
      Very basic for java development and buggy at times
    • 3
      Poor in Python
    • 3
      No Built in Browser Preview
    • 3
      Dilshad
    • 3
      Huge cpu usage with few installed extension
    • 3
      Microsoft sends telemetry data
    • 2
      Bad Plugin Architecture

    Sign up to add or upvote consMake informed product decisions

    - No public GitHub repository available -

    What is CodePen?

    It is a social development environment for front-end designers and developers.. It functions as an online code editor and open-source learning environment, where developers can create code snippets, creatively named "pens", and test them.

    What is Visual Studio Code?

    Build and debug modern web and cloud applications. Code is free and available on your favorite platform - Linux, Mac OSX, and Windows.

    Need advice about which tool to choose?Ask the StackShare community!

    What companies use CodePen?
    What companies use Visual Studio Code?
    See which teams inside your own company are using CodePen or Visual Studio Code.
    Sign up for Private StackShareLearn More

    Sign up to get full access to all the companiesMake informed product decisions

    What tools integrate with CodePen?
    What tools integrate with Visual Studio Code?

    Sign up to get full access to all the tool integrationsMake informed product decisions

    What are some alternatives to CodePen and Visual Studio Code?
    GitHub
    GitHub is the best place to share code with friends, co-workers, classmates, and complete strangers. Over three million people use GitHub to build amazing things together.
    CodeSandbox
    CodeSandbox allows developers to simply go to a URL in their browser to start building. This not only makes it easier to get started, it also makes it easier to share. You can just share your created work by sharing the URL, others can then (without downloading) further develop on these sandboxes.
    Codeanywhere
    A development platform that enables you to not only edit your files from underlying services like FTP, GitHub, Dropbox and the like, but on top of that gives you the ability to collaborate, embed and share through Codeanywhere on any device.
    JSFiddle
    It is an online community for testing and showcasing user-created and collaborational HTML, CSS and JavaScript code snippets, known as 'fiddles'. It allows for simulated AJAX calls.
    Atom
    At GitHub, we're building the text editor we've always wanted. A tool you can customize to do anything, but also use productively on the first day without ever touching a config file. Atom is modern, approachable, and hackable to the core. We can't wait to see what you build with it.
    See all alternatives