CodePen vs Visual Studio Code

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

CodePen

143
206
+ 1
0
Visual Studio Code

146.9K
130.8K
+ 1
2.2K
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
Senior Software Engineer at Pulley · | 12 upvotes · 1.1M 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 · 1M 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 StackShare Enterprise. Sign up for StackShare Enterprise.
Learn More
Pros of CodePen
Pros of Visual Studio Code
    Be the first to leave a pro
    • 334
      Powerful multilanguage IDE
    • 299
      Fast
    • 189
      Front-end develop out of the box
    • 156
      Support TypeScript IntelliSense
    • 140
      Very basic but free
    • 121
      Git integration
    • 104
      Intellisense
    • 76
      Faster than Atom
    • 50
      Better ui, easy plugins, and nice git integration
    • 43
      Great Refactoring Tools
    • 41
      Good Plugins
    • 40
      Terminal
    • 36
      Superb markdown support
    • 35
      Open Source
    • 32
      Extensions
    • 26
      Large & up-to-date extension community
    • 26
      Awesome UI
    • 23
      Powerful and fast
    • 21
      Portable
    • 18
      Best code editor
    • 17
      Best editor
    • 16
      Easy to get started with
    • 15
      Good for begginers
    • 15
      Crossplatform
    • 14
      Built on Electron
    • 14
      Lots of extensions
    • 14
      Open, cross-platform, fast, monthly updates
    • 13
      Extensions for everything
    • 13
      All Languages Support
    • 12
      Extensible
    • 11
      "fast, stable & easy to use"
    • 11
      Git out of the box
    • 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
      Great community
    • 9
      Powerful Debugger
    • 9
      SSH support
    • 9
      Great language support
    • 9
      Fast Startup
    • 9
      It has terminal and there are lots of shortcuts in it
    • 9
      Works With Almost EveryThing You Need
    • 8
      Can compile and run .py files
    • 7
      Python extension is fast
    • 7
      Features rich
    • 7
      Great document formater
    • 6
      She is not Rachel
    • 6
      He is not Michael
    • 6
      Awesome multi cursor support
    • 5
      Very proffesional
    • 5
      Easy azure
    • 5
      Language server client
    • 5
      Extension Echosystem
    • 5
      SFTP Workspace
    • 5
      VSCode.pro Course makes it easy to learn
    • 4
      Has better support and more extentions for debugging
    • 4
      Excellent as git difftool and mergetool
    • 4
      Virtualenv integration
    • 3
      'batteries included'
    • 3
      Better autocompletes than Atom
    • 3
      Supports lots of operating systems
    • 3
      Has more than enough languages for any developer
    • 3
      Emmet preinstalled
    • 3
      More tools to integrate with vs
    • 2
      VS Code Server: Browser version of VS Code
    • 2
      CMake support with autocomplete
    • 2
      Light
    • 2
      Microsoft
    • 2
      Customizable
    • 2
      Fast and ruby is built right in
    • 1
      Big extension marketplace

    Sign up to add or upvote prosMake informed product decisions

    Cons of CodePen
    Cons of Visual Studio Code
    • 3
      No support for any other git-server than github
    • 44
      Slow startup
    • 27
      Resource hog at times
    • 20
      Poor refactoring
    • 15
      Microsoft
    • 13
      Poor UI Designer
    • 11
      Weak Ui design tools
    • 10
      Poor autocomplete
    • 8
      Microsoft sends telemetry data
    • 7
      Poor in PHP
    • 7
      Huge cpu usage with few installed extension
    • 6
      Super Slow
    • 5
      It's MicroSoft
    • 3
      No built in live Preview
    • 3
      No Built in Browser Preview
    • 3
      Very basic for java development and buggy at times
    • 3
      No color Intergrator
    • 3
      Poor in Python
    • 3
      Electron
    • 2
      Bad Plugin Architecture
    • 2
      Powered by Electron
    • 1
      Terminal does not identify path vars sometimes

    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 StackShare EnterpriseLearn 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