Home/Online IDE/Visual Studio IDE vs CodePenUpdated on: March 29, 2024

Compare Visual Studio IDE vs CodePen

97% The SW Score ranks the products within a particular category on a variety of parameters, to provide a definite ranking system. Read More Remove
Visual Studio IDE
Visual Studio IDE Online IDE (2921 Ratings)
98% The SW Score ranks the products within a particular category on a variety of parameters, to provide a definite ranking system. Read More Remove
CodePen
CodePen Online IDE (129 Ratings)
Visit Website

Visit Website

ADD PRODUCT
97% The SW Score ranks the products within a particular category on a variety of parameters, to provide a definite ranking system. Read More Remove
Visual Studio IDE

Visual Studio IDE

Online IDE (2921 Ratings)
98% The SW Score ranks the products within a particular category on a variety of parameters, to provide a definite ranking system. Read More Remove
CodePen

CodePen

Online IDE (129 Ratings)
Visit Website

Visit Website

Overview

Summary

Microsoft’s Visual Studio is an integrated development environment and coding editor that helps your developers write and fix code. It’s made up of four elements: Visual Studio IDE, Visual Studio Code, Azure DevOps, and Visual Studio App Center. Visual Studio IDE – which has apps for Windows, Mac, ioS, and Android –– can help you both write and debug code, test your code on a regular basis to check how it is working and if it is ready for release, and add extensions and customizations to extend your programming reach. Visual Studio Code is a dedicated code editor that is free and open source, and comes with built-in Git support, plus more than 4000 extensions to increase coding capabilities. Azure DevOps (which was formerly known as Visual Studio Team Services) enables your developers to carry out social coding with git and enables you to integrate and deliver code. Visual Studio App Center enables you to continuously build, test, and deploy applications. ..show more

CodePen is an explicit, online code generating and editing platform for front-end developers and designers. Thus enabling them to build test cases to debug and learn, deploy websites and show off their work as well. A comprehensive editor tool featured by the same, lets users test animations and features by isolating codes as per their business needs. Enabled professor mode, lets students see and learn the entire code creation process. Moreover, users also get to share their talent with an international community of experts, by activating the presentation mode. Members working with large teams can use CodePen to upload assets, apply custom CSS to profiles, posts and embeds, besides leveraging features like collab mode, live view etc. The software with its drag and drop interface lets users add in JSON, CSS, media files and SVGs, in their project. Non-indexable, unguessable and non-searchable URLs deployed by CodePen, assures proper safety and security. ..show more

Features

Chat (Messaging) Allows users to collaborate better by exchanging views and collect information through chatting or texting

Code Completion Autocompletes the code syntaxes to facilitate an error-free and user-friendly coding

Debugger Helps in detection and correction of errors in an application

Drag and Drop Makes designing easy by simple drag and drop of symbols and elements.

Real-time Collaboration Helps more than one person to work on the same file simultaneously

Refactoring Helps to restructure code without changing the external behavior of the application

Source code editor Enables writing and editing the source code of an application

Syntax Highlighting Highlights code syntaxes to display the connection between the different syntaxes

Version Control It gives the team the ability to recall specific versions of a document, code, content, file, or folder that records changes over time.

TECHNICAL DETAILS

Access Monitoring

24/7 (Live rep)

Business Hours

Online

Contact Number/Address

Redmond, Washington / +1 (877) 276-2464

Bend, Oregon

API

N/A

Deployment

SaaS/Web/Cloud

Mobile - Android

Mobile - iOS

Mobile - Windows

Mobile - BlackBerry

Installed - Windows

Installed - Mac

Customers

Individuals

Freelancers

Large Enterprises

Medium Business

Small Business

Pricing

Pricing Model

Free Trial

Freemium

One-time license

Open-source

Subscription

Quotation Based

Plans

Visual Studio Community
Free

Full-featured IDE to code, debug, test, and deploy to any platform.

Features

  • Lightweight and modular installation
  • Cloud-connected
  • Powerful coding tools
  • Advanced debugging
  • Device apps
  • Web tools
  • Version Control integration
Visual Studio Code
Free

Free code editor for every programming language, with over 20,000 extensions.

Features

  • Meet IntelliSense
  • Print statement debugging
  • Git commands built-in
  • Extensible and customizable
  • Deploy with confidence and ease
Visual Studio Community for Mac
Free

Develop apps and games for iOS, Android, and web using .NET.

Features

  • Languages
  • Advanced IntelliSense
  • Powerful Debugging
  • Intelligent Refactoring
  • Integrated Source Control
  • Comprehensive Testing
  • Collaborate more effectively
Visual Studio Professional (Monthly)
$45 /Month

Features

  • Visual Studio Professional IDE
  • Azure DevOps (Basic plan)

Visual Studio Enterprise (Monthly)
$250 /Month

Features

  • Visual Studio Enterprise IDE
  • Azure DevOps (Basic+ Test Plan)
Visual Studio Professional (Standard)
$1999 /Year

Renewal, per user : $799 per Year

Features

  • Visual Studio Professional IDE
  • Azure Credit $50 per month
  • Training and support
  • Azure DevOps (Basic plan)
  • Dev/test software
Visual Studio Enterprise (Standard)
$5999 /Year

Renewal, per user : $2569 per Year

Features

  • Visual Studio Enterprise IDE
  • Azure Credit $150 per month
  • Training and support
  • Azure DevOps (Basic+ Test Plan)
  • Dev/test software
  • Power BI Pro
Professional subscription + GitHub Enterprise
Custom

Features

  • Visual Studio Professional IDE
  • GitHub Enterprise
  • Azure Credit $50 per month
  • Training and support
  • Azure DevOps (Basic+ Test Plan)
  • Dev/test software
Enterprise subscription + GitHub Enterprise
Custom

Features

  • Visual Studio Enterprise IDE
  • GitHub Enterprise
  • Azure Credit $150 per month
  • Training and support
  • Azure DevOps (Basic+ Test Plan)
  • Dev/test software
  • Power BI Pro
Visual Studio Test Professional (Standard subscriptions for testers and IT Professionals)
$2169 /Year

Renewal, per user : $899 per Year

Features

  • Earlier versions for PC
  • Basic features
  • Test Plans
  • Artifacts
  • Server license
  • User client access license (CAL)
  • Self-hosted pipelines
  • Experiment and learn using Microsoft Azure : $50 credit per month
  • Azure dev/test pricing
  • Windows Virtual Desktop
  • Windows Store developer account
  • Windows, Windows Server, Windows Embedded, Microsoft SQL Server, R Server
  • DataCamp : Full subscription for 3 months
  • Technical support : 2 incidents
  • Developer Community
  • Concierge Chat
  • Azure Community
  • Microsoft Q&A
  • Microsoft Tech Community
MSDN Platforms (Standard subscriptions for testers and IT Professionals)
Custom

No Visual Studio IDE included in subscription, but subscribers can use Visual Studio Code (free for anyone) and Visual Studio Community (free for open source projects, classroom learning, and academic research, plus for any use by up to 5 people in small organizations)

Features

  • Basic features
  • Test Plans
  • Artifacts
  • Server license
  • User client access license (CAL)
  • Self-hosted pipelines
  • Experiment and learn using Microsoft Azure : $100 credit per month
  • Azure dev/test pricing
  • Windows Virtual Desktop
  • Power BI Pro
  • Windows, Windows Server, Windows Embedded, Microsoft SQL Server, R Server
  • Sharepoint, Exchange, Dynamics & other Microsoft server software
  • DataCamp : Full subscription for 3 months
  • Technical support : 2 incidents
  • Developer Community
  • Concierge Chat
  • Azure Community
  • Microsoft Q&A
  • Microsoft Tech Community
Visual Studio Professional 2019 standalone license
$499 Others

Features

  • Newest version (2019) : PC only
  • Basic features : Not included (but every Azure DevOps organization includes 5 free users)

View Price Page
Free
Free

Features

  • Unlimited public Pens and Collections
  • Unlimited templates
  • Debug view (requires log in)
  • 1 project with 10 files
Annual Starter
$12 /Month

$96 billed yearly

Features

  • Includes features of Free plan, plus
  • Asset hosting
    • 2 GB total storage
    • 5 MB per file
  • 10 Projects
    • 50 files/Project
    • 1 deployed
  • 2 person Collab Mode
    • 10 person Professor Mode (Pens only)
  • Unlimited Private Pens, Collections, and Projects.
  • Unlimited embed themes with custom CSS
  • No ads
  • No-Login Pen Debug View
  • Live View
Annual Developer
$19 /Month

Feature

  • Includes features of Starter plan, plus
  • Asset hosting
    • 10 GB total storage
    • 10 MB per file
  • 25 Projects
    • 150 files/Project
    • 5 deployed
  • 6 person Collab Mode
    • 35 person Professor Mode (Pens only)
  • Use your own domain for Projects
Annual Super
$39 /Month

Features

  • Includes features of Developer plan, plus
  • Asset hosting
    • 20 GB total storage
    • 15 MB per file
  • 50 Projects
    • 300 files/Project
    • 20 deployed
  • 10 person Collab Mode
    • 100 person Professor Mode (Pens only)
Annual Team (For Team)
$19 /User/Month

For 2 Users

All Team Members share access to the Team Account, which has its own profile. That way everyone can work together, sharing access to editing Assets, Pens, Projects, and Collections.

Features

  • Asset hosting with 20 GB total storage
    • 40 Projects with 300 files/project (20 Projects/member)
    • 20 deployed Projects (10 per Team member)
  • Use your own domain for 20 Projects (10 per Team member)
  • 10 person Collab Mode (Pens only)
    • 35 person Professor Mode (Pens only)
  • Private Pens, Projects, and Collections
  • No ads
  • Unlimited templates
  • Debug View (no log in required)
  • Live View
  • Unlimited embed themes with custom CSS
View Price Page

SCREENSHOTS

Visual Studio IDE Screenshots
CodePen Screenshots
View 7 screenshot(s)

INTEGRATIONS

  • Apptio Targetprocess
  • WordPress

ALTERNATIVES

Top alternatives to Visual Studio IDE

Candidate Code
Candidate Code
CodePen
CodePen
AWS Cloud9
AWS Cloud9
Eclipse Che
Eclipse Che
Repl.it
Repl.it

Top alternatives to CodePen

GitHub
GitHub
Replit
Replit
Candidate Code
Candidate Code
CodeSandbox
CodeSandbox
AWS Cloud9
AWS Cloud9