Duong Tran

Duong Tran

1678414037

Visual Studio vs Visual Studio Code: Khác biệt giữa các trình soạn thảo IDE?

Trong hướng dẫn này, bạn sẽ tìm hiểu: Visual Studio là gì? Mã Visual Studio là gì? Sự khác biệt giữa “Visual Studio” và “Visual Studio Code” là gì? Bạn nên chọn cái nào giữa “Visual Studio” và “Visual Studio Code”? Visual Studio vs Visual Studio Code – Đâu là sự khác biệt giữa các trình soạn thảo mã IDE này?

Sự khác biệt giữa Visual Studio và Visual Studio Code là gì?

Lần đầu tiên tôi nghe nói về “Visual Studio”, tôi đã nghĩ nó giống như “Visual Studio Code”. Tôi không biết tại sao Microsoft lại quyết định gây nhầm lẫn cho mọi người với tên của hai công cụ phát triển đó. Nhưng đó là một câu chuyện cho một ngày khác.

“Visual Studio” và “Visual Studio Code” không giống nhau. Visual Studio là một môi trường phát triển tích hợp (IDE) và Visual Studio Code là một trình soạn thảo văn bản đa dạng thức như Sublime Text và Atom.

Nhưng sự khác biệt giữa các công cụ không chỉ là IDE và trình soạn thảo văn bản.

IDE là một công cụ mạnh mẽ để viết, chỉnh sửa, gỡ lỗi và chạy mã của bạn. Trình soạn thảo văn bản chỉ cho phép bạn viết và chỉnh sửa mã của mình. Bạn có thể phải bước ra khỏi trình soạn thảo văn bản để chạy mã của mình hoặc tải xuống các phần bổ trợ để giúp mã chạy cho bạn.

Trong bài viết này, bạn sẽ tìm hiểu những khác biệt chính giữa Visual Studio và Visual Studio Code. Nhưng trước tiên, chúng ta cần biết “Visual Studio” là gì và “Visual Studio Code là gì” trước khi đi sâu vào những điểm khác biệt đó.

Những gì chúng tôi sẽ bao gồm

  • Visual Studio là gì?
  • Mã Visual Studio là gì?
  • Sự khác biệt giữa “Visual Studio” và “Visual Studio Code” là gì?
  • Bạn nên chọn cái nào giữa “Visual Studio” và “Visual Studio Code”?
  • Phần kết luận

Visual Studio là gì?

Visual Studio được phát hành lần đầu tiên vào năm 1997 bởi Microsoft. Đó là một môi trường phát triển tích hợp (IDE) để phát triển, chỉnh sửa và gỡ lỗi các trang web, web và ứng dụng di động cũng như các dịch vụ đám mây.

Bởi vì nó là một IDE, nên các tiện ích lập trình như trình gỡ lỗi, trình biên dịch, trí thông minh, v.v. đều được gói gọn trong đó cho bạn.

Visual Studio đi kèm với hỗ trợ tích hợp sẵn cho C# và .NET. Nó cũng hỗ trợ các ngôn ngữ lập trình khác như C, C++, Python, F#, ngôn ngữ web (HTML, CSS, JavaScript), v.v. Hỗ trợ cho Java đã bị xóa trong Visual Studio 2017.

Visual Studio chạy trên Windows và Mac. Nó có 3 phiên bản – cộng đồng, chuyên nghiệp và doanh nghiệp. Phiên bản cộng đồng là miễn phí, trong khi phiên bản chuyên nghiệp và doanh nghiệp thì không.

Quá trình cài đặt trên Windows mạnh mẽ hơn một chút so với Mac. Vì vậy, trên Windows, bạn có thể phải tải xuống hơn 42 GB tùy thuộc vào những gì bạn muốn làm.

Ảnh chụp màn hình-2023-01-31-122422

Nhưng trên Mac, tại thời điểm viết bài này, bạn cần khoảng 6,2 GB dung lượng ổ đĩa.

Ảnh chụp màn hình-2023-01-31-at-11.30.22

Mã Visual Studio là gì?

Visual Studio Code (còn gọi là VS Code) giống như phiên bản mini của Visual Studio. Nó là một trình soạn thảo văn bản mã nguồn mở và nhẹ có sẵn trên Windows, Mac và Linux. Ngoài ra còn có phiên bản web tại https://vscode.dev/.

Mã VS đi kèm với hỗ trợ tích hợp cho JavaScript, TypeScript và Node JS, nhưng bạn có thể sử dụng nó để viết mã bằng bất kỳ ngôn ngữ nào bạn muốn. Tất cả những gì bạn cần làm là tải xuống các tiện ích mở rộng có liên quan.

Một số tiện ích mở rộng được tạo bởi Microsoft, nhưng rất nhiều tiện ích mở rộng khác là tiện ích mở rộng của bên thứ ba.

Không giống như Visual Studio, bạn không cần nhiều dung lượng để tải xuống VS Code. Bạn có thể không cần nhiều hơn 200 MB dung lượng đĩa để tải xuống.

Vì nó hỗ trợ JavaScript, TypeScript và Node JS theo mặc định, nên bạn cũng có trình gỡ lỗi và trí thông minh. Nhưng để có được trí thông minh, trình biên dịch và trình gỡ lỗi cho các ngôn ngữ khác, bạn phải tải xuống các tiện ích mở rộng có liên quan.

Bây giờ bạn đã biết rằng Visual Studio là một IDE và Visual Studio Code là một trình soạn thảo văn bản. Vì vậy, hãy tóm tắt sự khác biệt chính của họ tiếp theo.

Sự khác biệt giữa “Visual Studio” và “Visual Studio Code” là gì?

NỀN TẢNGVISUAL STUDIOMÃ STUDIO TRỰC QUAN
KiểuVisual Studio là một IDE chính thứcVS Code là một trình soạn thảo văn bản (AKA Code editor)
Nền tảngVisual Studio chạy trên Windows và MacMã VS chạy trên Windows, Mac và Linux
Kích cỡVisual Studio tương đối lớn. Bạn có thể phải tải xuống hơn 40 GB trên Windows và hơn 6 GB trên máy MacMã VS không yêu cầu nhiều hơn 200 MB trên mọi nền tảng
Ủng hộVisual Studio đã tích hợp hỗ trợ cho C# và .NET, bên cạnh một số ngôn ngữ phổ biến ngoài JavaVS Code hỗ trợ JavaScript, TypeScript và Node JS ngay lập tức. Nó cũng hỗ trợ các ngôn ngữ lập trình khác – miễn là có (các) phần mở rộng cho ngôn ngữ đó
định giáVisual Studio Community Edition miễn phí nhưng phiên bản chuyên nghiệp và doanh nghiệp có giá lần lượt là $45 và $250 mỗi tháng.Mã VS miễn phí. Hầu hết các tiện ích mở rộng cũng miễn phí nhưng có những tiện ích mở rộng freemium
Tiện ích mở rộngVisual Studio không có nhiều phần mở rộng như VS CodeVS Code có nhiều tiện ích mở rộng chuyên nghiệp và được quản lý cho nhiều mục đích khác nhau

Bạn nên chọn cái nào giữa “Visual Studio” và “Visual Studio Code”?

Đã có một cuộc tranh luận kéo dài về việc nên chọn cái nào tốt hơn giữa Visual Studio và Visual Studio Code. Vâng, nó phụ thuộc vào những gì bạn đang làm.

Nếu bạn đang phát triển độc quyền bằng ngôn ngữ được Visual Studio hỗ trợ, chẳng hạn như C#, C, C++, Python và các ngôn ngữ khác, thì Visual Studio hoặc các IDE có liên quan khác có thể là lựa chọn tốt nhất cho bạn.

Nhưng ngay cả khi bạn đang phát triển bằng các ngôn ngữ đó nhưng lại yêu cầu giao diện người dùng React, Vue hoặc Angular, thì mã VS có thể là lựa chọn tốt nhất cho bạn.

Nếu bạn đang làm việc theo nhóm, họ có thể cung cấp cho bạn phiên bản doanh nghiệp của Visual Studio hoặc bất kỳ IDE nào khác tương ứng với ngôn ngữ mà bạn đang làm việc. Ví dụ: PyCharm cho Python và IntelliJ Idea cho Java.

Nếu bạn đang sử dụng Linux, bạn phải chọn Visual Studio Code hoặc một số IDE khác ngoài Visual Studio. Đó là vì Visual Studio không chạy trên Linux.

Nếu bạn là kiểu người thích tùy chỉnh trình chỉnh sửa theo sở thích của mình, chỉ cần sử dụng Mã VS vì nó có khả năng tùy biến cao. Có lẽ bạn cũng nên chọn Mã VS nếu bạn đang trộn các công nghệ.

Phần kết luận

Bài viết này đã cho bạn thấy sự khác biệt giữa Visual Studio và VS Code, cũng như những điểm riêng biệt của cả hai.

Cuộc tranh luận không bao giờ nên là cái nào tốt hơn cái nào, mà là cái nào tốt nhất cho những gì bạn muốn làm hoặc những gì bạn cần. Đó là lý do tại sao chúng tôi đã xem xét một số tình huống có thể khuyến khích bạn chọn cái này hơn cái kia.

Cảm ơn bạn đã đọc.

Nguồn: https://www.freecodecamp.org

#visualstudio #visualstudiocode #vscode

What is GEEK

Buddha Community

Visual Studio vs Visual Studio Code: Khác biệt giữa các trình soạn thảo IDE?
Monty  Boehm

Monty Boehm

1675304280

How to Use Hotwire Rails

Introduction

We are back with another exciting and much-talked-about Rails tutorial on how to use Hotwire with the Rails application. This Hotwire Rails tutorial is an alternate method for building modern web applications that consume a pinch of JavaScript.

Rails 7 Hotwire is the default front-end framework shipped with Rails 7 after it was launched. It is used to represent HTML over the wire in the Rails application. Previously, we used to add a hotwire-rails gem in our gem file and then run rails hotwire: install. However, with the introduction of Rails 7, the gem got deprecated. Now, we use turbo-rails and stimulus rails directly, which work as Hotwire’s SPA-like page accelerator and Hotwire’s modest JavaScript framework.

What is Hotwire?

Hotwire is a package of different frameworks that help to build applications. It simplifies the developer’s work for writing web pages without the need to write JavaScript, and instead sending HTML code over the wire.

Introduction to The Hotwire Framework:

1. Turbo:

It uses simplified techniques to build web applications while decreasing the usage of JavaScript in the application. Turbo offers numerous handling methods for the HTML data sent over the wire and displaying the application’s data without actually loading the entire page. It helps to maintain the simplicity of web applications without destroying the single-page application experience by using the below techniques:

Turbo Frames: Turbo Frames help to load the different sections of our markup without any dependency as it divides the page into different contexts separately called frames and updates these frames individually.
Turbo Drive: Every link doesn’t have to make the entire page reload when clicked. Only the HTML contained within the tag will be displayed.
Turbo Streams: To add real-time features to the application, this technique is used. It helps to bring real-time data to the application using CRUD actions.

2. Stimulus

It represents the JavaScript framework, which is required when JS is a requirement in the application. The interaction with the HTML is possible with the help of a stimulus, as the controllers that help those interactions are written by a stimulus.

3. Strada

Not much information is available about Strada as it has not been officially released yet. However, it works with native applications, and by using HTML bridge attributes, interaction is made possible between web applications and native apps.

Simple diagrammatic representation of Hotwire Stack:

Hotwire Stack

Prerequisites For Hotwire Rails Tutorial

As we are implementing the Ruby on Rails Hotwire tutorial, make sure about the following installations before you can get started.

  • Ruby on Rails
  • Hotwire gem
  • PostgreSQL/SQLite (choose any one database)
  • Turbo Rails
  • Stimulus.js

Looking for an enthusiastic team of ROR developers to shape the vision of your web project?
Contact Bacancy today and hire Ruby developers to start building your dream project!

Create a new Rails Project

Find the following commands to create a rails application.

mkdir ~/projects/railshotwire
cd ~/projects/railshotwire
echo "source 'https://rubygems.org'" > Gemfile
echo "gem 'rails', '~> 7.0.0'" >> Gemfile
bundle install  
bundle exec rails new . --force -d=postgresql

Now create some files for the project, up till now no usage of Rails Hotwire can be seen.
Fire the following command in your terminal.

  • For creating a default controller for the application
echo "class HomeController < ApplicationController" > app/controllers/home_controller.rb
echo "end" >> app/controllers/home_controller.rb
  • For creating another controller for the application
echo "class OtherController < ApplicationController" > app/controllers/other_controller.rb
echo "end" >> app/controllers/home_controller.rb
  • For creating routes for the application
echo "Rails.application.routes.draw do" > config/routes.rb
echo '  get "home/index"' >> config/routes.rb
echo '  get "other/index"' >> config/routes.rb
echo '  root to: "home#index"' >> config/routes.rb
echo 'end' >> config/routes.rb
  • For creating a default view for the application
mkdir app/views/home
echo '<h1>This is Rails Hotwire homepage</h1>' > app/views/home/index.html.erb
echo '<div><%= link_to "Enter to other page", other_index_path %></div>' >> app/views/home/index.html.erb
  • For creating another view for the application
mkdir app/views/other
echo '<h1>This is Another page</h1>' > app/views/other/index.html.erb
echo '<div><%= link_to "Enter to home page", root_path %></div>' >> app/views/other/index.html.erb
  • For creating a database and schema.rb file for the application
bin/rails db:create
bin/rails db:migrate
  • For checking the application run bin/rails s and open your browser, your running application will have the below view.

Rails Hotwire Home Page

Additionally, you can clone the code and browse through the project. Here’s the source code of the repository: Rails 7 Hotwire application

Now, let’s see how Hotwire Rails can work its magic with various Turbo techniques.

Hotwire Rails: Turbo Drive

Go to your localhost:3000 on your web browser and right-click on the Inspect and open a Network tab of the DevTools of the browser.

Now click on go to another page link that appears on the home page to redirect from the home page to another page. In our Network tab, we can see that this action of navigation is achieved via XHR. It appears only the part inside HTML is reloaded, here neither the CSS is reloaded nor the JS is reloaded when the navigation action is performed.

Hotwire Rails Turbo Drive

By performing this action we can see that Turbo Drive helps to represent the HTML response without loading the full page and only follows redirect and reindeer HTML responses which helps to make the application faster to access.

Hotwire Rails: Turbo Frame

This technique helps to divide the current page into different sections called frames that can be updated separately independently when new data is added from the server.
Below we discuss the different use cases of Turbo frame like inline edition, sorting, searching, and filtering of data.

Let’s perform some practical actions to see the example of these use cases.

Make changes in the app/controllers/home_controller.rb file

#CODE

class HomeController < ApplicationController
   def turbo_frame_form
   end
   
   def turbo_frame submit
      extracted_anynumber = params[:any][:anynumber]
      render :turbo_frame_form, status: :ok, locals: {anynumber: extracted_anynumber,      comment: 'turbo_frame_submit ok' }
   end
end

Turbo Frame

Add app/views/home/turbo_frame_form.html.erb file to the application and add this content inside the file.

#CODE

<section>

    <%= turbo_frame_tag 'anyframe' do %>
            
      <div>
          <h2>Frame view</h2>
          <%= form_with scope: :any, url: turbo_frame_submit_path, local: true do |form| %>
              <%= form.label :anynumber, 'Type an integer (odd or even)', 'class' => 'my-0  d-inline'  %>
              <%= form.text_field :anynumber, type: 'number', 'required' => 'true', 'value' => "#{local_assigns[:anynumber] || 0}",  'aria-describedby' => 'anynumber' %>
              <%= form.submit 'Submit this number', 'id' => 'submit-number' %>
          <% end %>
      </div>
      <div>
        <h2>Data of the view</h2>
        <pre style="font-size: .7rem;"><%= JSON.pretty_generate(local_assigns) %></pre> 
      </div>
      
    <% end %>

</section>

Add the content inside file

Make some adjustments in routes.rb

#CODE

Rails.application.routes.draw do
  get 'home/index'
  get 'other/index'

  get '/home/turbo_frame_form' => 'home#turbo_frame_form', as: 'turbo_frame_form'
  post '/home/turbo_frame_submit' => 'home#turbo_frame_submit', as: 'turbo_frame_submit'


  root to: "home#index"
end
  • Next step is to change homepage view in app/views/home/index.html.erb

#CODE

<h1>This is Rails Hotwire home page</h1>
<div><%= link_to "Enter to other page", other_index_path %></div>

<%= turbo_frame_tag 'anyframe' do %>        
  <div>
      <h2>Home view</h2>
      <%= form_with scope: :any, url: turbo_frame_submit_path, local: true do |form| %>
          <%= form.label :anynumber, 'Type an integer (odd or even)', 'class' => 'my-0  d-inline'  %>
          <%= form.text_field :anynumber, type: 'number', 'required' => 'true', 'value' => "#{local_assigns[:anynumber] || 0}",  'aria-describedby' => 'anynumber' %>
          <%= form.submit 'Submit this number', 'id' => 'submit-number' %>
      <% end %>
  <div>
<% end %>

Change HomePage

After making all the changes, restart the rails server and refresh the browser, the default view will appear on the browser.

restart the rails serverNow in the field enter any digit, after entering the digit click on submit button, and as the submit button is clicked we can see the Turbo Frame in action in the below screen, we can observe that the frame part changed, the first title and first link didn’t move.

submit button is clicked

Hotwire Rails: Turbo Streams

Turbo Streams deliver page updates over WebSocket, SSE or in response to form submissions by only using HTML and a series of CRUD-like operations, you are free to say that either

  • Update the piece of HTML while responding to all the other actions like the post, put, patch, and delete except the GET action.
  • Transmit a change to all users, without reloading the browser page.

This transmit can be represented by a simple example.

  • Make changes in app/controllers/other_controller.rb file of rails application

#CODE

class OtherController < ApplicationController

  def post_something
    respond_to do |format|
      format.turbo_stream {  }
    end
  end

   end

file of rails application

Add the below line in routes.rb file of the application

#CODE

post '/other/post_something' => 'other#post_something', as: 'post_something'
Add the below line

Superb! Rails will now attempt to locate the app/views/other/post_something.turbo_stream.erb template at any moment the ‘/other/post_something’ endpoint is reached.

For this, we need to add app/views/other/post_something.turbo_stream.erb template in the rails application.

#CODE

<turbo-stream action="append" target="messages">
  <template>
    <div id="message_1">This changes the existing message!</div>
  </template>
</turbo-stream>
Add template in the rails application

This states that the response will try to append the template of the turbo frame with ID “messages”.

Now change the index.html.erb file in app/views/other paths with the below content.

#CODE

<h1>This is Another page</h1>
<div><%= link_to "Enter to home page", root_path %></div>

<div style="margin-top: 3rem;">
  <%= form_with scope: :any, url: post_something_path do |form| %>
      <%= form.submit 'Post any message %>
  <% end %>
  <turbo-frame id="messages">
    <div>An empty message</div>
  </turbo-frame>
</div>
change the index.html.erb file
  • After making all the changes, restart the rails server and refresh the browser, and go to the other page.

go to the other page

  • Once the above screen appears, click on the Post any message button

Post any message button

This action shows that after submitting the response, the Turbo Streams help the developer to append the message, without reloading the page.

Another use case we can test is that rather than appending the message, the developer replaces the message. For that, we need to change the content of app/views/other/post_something.turbo_stream.erb template file and change the value of the action attribute from append to replace and check the changes in the browser.

#CODE

<turbo-stream action="replace" target="messages">
  <template>
    <div id="message_1">This changes the existing message!</div>
  </template>
</turbo-stream>

change the value of the action attributeWhen we click on Post any message button, the message that appear below that button will get replaced with the message that is mentioned in the app/views/other/post_something.turbo_stream.erb template

click on Post any message button

Stimulus

There are some cases in an application where JS is needed, therefore to cover those scenarios we require Hotwire JS tool. Hotwire has a JS tool because in some scenarios Turbo-* tools are not sufficient. But as we know that Hotwire is used to reduce the usage of JS in an application, Stimulus considers HTML as the single source of truth. Consider the case where we have to give elements on a page some JavaScript attributes, such as data controller, data-action, and data target. For that, a stimulus controller that can access elements and receive events based on those characteristics will be created.

Make a change in app/views/other/index.html.erb template file in rails application

#CODE

<h1>This is Another page</h1>
<div><%= link_to "Enter to home page", root_path %></div>

<div style="margin-top: 2rem;">
  <%= form_with scope: :any, url: post_something_path do |form| %>
      <%= form.submit 'Post something' %>
  <% end %>
  <turbo-frame id="messages">
    <div>An empty message</div>
  </turbo-frame>
</div>

<div style="margin-top: 2rem;">
  <h2>Stimulus</h2>  
  <div data-controller="hello">
    <input data-hello-target="name" type="text">
    <button data-action="click->hello#greet">
      Greet
    </button>
    <span data-hello-target="output">
    </span>
  </div>
</div>

Make A changeMake changes in the hello_controller.js in path app/JavaScript/controllers and add a stimulus controller in the file, which helps to bring the HTML into life.

#CODE

import { Controller } from "@hotwired/stimulus"

export default class extends Controller {
  static targets = [ "name", "output" ]

  greet() {
    this.outputTarget.textContent =
      `Hello, ${this.nameTarget.value}!`
  }
}

add a stimulus controller in the fileGo to your browser after making the changes in the code and click on Enter to other page link which will navigate to the localhost:3000/other/index page there you can see the changes implemented by the stimulus controller that is designed to augment your HTML with just enough behavior to make it more responsive.

With just a little bit of work, Turbo and Stimulus together offer a complete answer for applications that are quick and compelling.

Using Rails 7 Hotwire helps to load the pages at a faster speed and allows you to render templates on the server, where you have access to your whole domain model. It is a productive development experience in ROR, without compromising any of the speed or responsiveness associated with SPA.

Conclusion

We hope you were satisfied with our Rails Hotwire tutorial. Write to us at service@bacancy.com for any query that you want to resolve, or if you want us to share a tutorial on your query.

For more such solutions on RoR, check out our Ruby on Rails Tutorials. We will always strive to amaze you and cater to your needs.

Original article source at: https://www.bacancytechnology.com/

#rails #ruby 

2018: When VS Code Eclipsed Visual Studio IDE

I wonder if Microsoft knew what it had on its hands back in 2015 when it created Visual Studio Code, the little code editor that could.

Did the VS Code team even envision the free, open source code editor could, in less than four years after its debut, become the No. 1 development tool in a major development survey, eclipsing its namesake IDE that can cost some $6,000 per year?

That’s what happened, and the success of VS Code – along with the evolution of the open source, cross-platform .NET Core – provides the signature theme of 2018 in the Microsoft developer ecosystem. This was the year Microsoft finally shook off the last vestiges of its perception as a proprietary, monolithic corporate predator, transforming like a chrysalis to emerge as an open source champion.

As unlikely as it would seem, providing a free, performant and versatile code editor was probably a requirement for Microsoft to complete its journey to open source advocate. Leading the charge to .NET Core with a huge (some would say “bloated”), sometimes-costly (there is a free edition) enterprisey IDE that just runs on Windows (yes, there is a Mac version, but it’s problematic) just doesn’t work.

VS Code, though, fits the bill.

That was confirmed this year when Stack Overflow – known for its huge programming Q&A site – released its comprehensive developer survey, which polled more than 100,000 developers in 183 countries.

No. 1 on Stack Overflow

No. 1 on Stack Overflow **(source: Stack Overflow).**

“Visual Studio Code just edged out Visual Studio as the most popular developer environment tool across the board,” said Stack Overflow, which divided that “board” into four planks: All Respondents, Web Developers, Mobile Developers and Sysadmin/DevOps.

VS Code was No. 1 in the first two categories and No. 2 in the last two, finishing behind Android Studio in Mobile and Vim for Sysadmin/DevOps. In the previous year’s SO survey, VS Code placed no higher than fifth place among all segments.

While it only beat out Visual Studio IDE by .6 percentage points in the SO survey, its ascension was foreshadowed some six months earlier in yet another huge developer survey conducted by yet another huge developer platform.

15K Contributors and Counting

This time, GitHub in its “State of the Octoverse” report saw VS Code repeat as the No. 1 open source project when measured by contributor count, which clocked in at about 15,000.

The 2018 GitHub report showed VS Code repeat in popularity (now up to some 19,000 contributors) and also – probably not coincidentally – noted that Microsoft was the organization with the most employees contributing to open source, with 7,700 contributors, well ahead of No. 2 Google at 5,500 contributors.

Editor Usage Rates

Editor Usage Rates **(source: Triplebyte).**

And much newer research has further confirmed VS Code is on the rise, as technical recruiting specialist Triplebyte just recently noticed a huge upsurge in the code editor’s use among its developer job candidates conducting rigorous interviews.

“Visual Studio Code is on the rise,” Triplebyte said. “Over the past year, it has become the most popular editor across the board, and it’s gaining ground every month.”

While VS Code’s popularity is well-known and well-charted elsewhere, this Triplebyte research certainly provided insight into the rapid hike in popularity.

For example, in discussing the above graphic, the firm said, “The first thing that jumps out from this graph is the prominence of Visual Studio Code. With 17 percent of the pie, VS Code was the editor used by the plurality of Triplebyte candidates last year. This was a surprise to me for two reasons. First, VS Code is a relatively new product from Microsoft, and, second, last year it didn’t even appear on our charts – its share was small enough to fall into the ‘other’ bucket.”

#visual studio code #visual studio #coding

COMO USAR e trabalhar com Code Review no Visual Studio Code

Não é todo programador que gosta de compartilhar o seu trabalho ou até mesmo receber feedbacks de como o seu código foi escrito, mas o Code Review é cada vez mais comum em empresas do mundo todo.

Conheça uma extensão para Visual Studio Code e comece a trabalhar com Code Review em seu próximo projeto. Essa é a sua chance de saber COMO USAR e trabalhar com Code Review no Visual Studio Code.

#visual studio code #code review #visual studio #code

Duong Tran

Duong Tran

1678414037

Visual Studio vs Visual Studio Code: Khác biệt giữa các trình soạn thảo IDE?

Trong hướng dẫn này, bạn sẽ tìm hiểu: Visual Studio là gì? Mã Visual Studio là gì? Sự khác biệt giữa “Visual Studio” và “Visual Studio Code” là gì? Bạn nên chọn cái nào giữa “Visual Studio” và “Visual Studio Code”? Visual Studio vs Visual Studio Code – Đâu là sự khác biệt giữa các trình soạn thảo mã IDE này?

Sự khác biệt giữa Visual Studio và Visual Studio Code là gì?

Lần đầu tiên tôi nghe nói về “Visual Studio”, tôi đã nghĩ nó giống như “Visual Studio Code”. Tôi không biết tại sao Microsoft lại quyết định gây nhầm lẫn cho mọi người với tên của hai công cụ phát triển đó. Nhưng đó là một câu chuyện cho một ngày khác.

“Visual Studio” và “Visual Studio Code” không giống nhau. Visual Studio là một môi trường phát triển tích hợp (IDE) và Visual Studio Code là một trình soạn thảo văn bản đa dạng thức như Sublime Text và Atom.

Nhưng sự khác biệt giữa các công cụ không chỉ là IDE và trình soạn thảo văn bản.

IDE là một công cụ mạnh mẽ để viết, chỉnh sửa, gỡ lỗi và chạy mã của bạn. Trình soạn thảo văn bản chỉ cho phép bạn viết và chỉnh sửa mã của mình. Bạn có thể phải bước ra khỏi trình soạn thảo văn bản để chạy mã của mình hoặc tải xuống các phần bổ trợ để giúp mã chạy cho bạn.

Trong bài viết này, bạn sẽ tìm hiểu những khác biệt chính giữa Visual Studio và Visual Studio Code. Nhưng trước tiên, chúng ta cần biết “Visual Studio” là gì và “Visual Studio Code là gì” trước khi đi sâu vào những điểm khác biệt đó.

Những gì chúng tôi sẽ bao gồm

  • Visual Studio là gì?
  • Mã Visual Studio là gì?
  • Sự khác biệt giữa “Visual Studio” và “Visual Studio Code” là gì?
  • Bạn nên chọn cái nào giữa “Visual Studio” và “Visual Studio Code”?
  • Phần kết luận

Visual Studio là gì?

Visual Studio được phát hành lần đầu tiên vào năm 1997 bởi Microsoft. Đó là một môi trường phát triển tích hợp (IDE) để phát triển, chỉnh sửa và gỡ lỗi các trang web, web và ứng dụng di động cũng như các dịch vụ đám mây.

Bởi vì nó là một IDE, nên các tiện ích lập trình như trình gỡ lỗi, trình biên dịch, trí thông minh, v.v. đều được gói gọn trong đó cho bạn.

Visual Studio đi kèm với hỗ trợ tích hợp sẵn cho C# và .NET. Nó cũng hỗ trợ các ngôn ngữ lập trình khác như C, C++, Python, F#, ngôn ngữ web (HTML, CSS, JavaScript), v.v. Hỗ trợ cho Java đã bị xóa trong Visual Studio 2017.

Visual Studio chạy trên Windows và Mac. Nó có 3 phiên bản – cộng đồng, chuyên nghiệp và doanh nghiệp. Phiên bản cộng đồng là miễn phí, trong khi phiên bản chuyên nghiệp và doanh nghiệp thì không.

Quá trình cài đặt trên Windows mạnh mẽ hơn một chút so với Mac. Vì vậy, trên Windows, bạn có thể phải tải xuống hơn 42 GB tùy thuộc vào những gì bạn muốn làm.

Ảnh chụp màn hình-2023-01-31-122422

Nhưng trên Mac, tại thời điểm viết bài này, bạn cần khoảng 6,2 GB dung lượng ổ đĩa.

Ảnh chụp màn hình-2023-01-31-at-11.30.22

Mã Visual Studio là gì?

Visual Studio Code (còn gọi là VS Code) giống như phiên bản mini của Visual Studio. Nó là một trình soạn thảo văn bản mã nguồn mở và nhẹ có sẵn trên Windows, Mac và Linux. Ngoài ra còn có phiên bản web tại https://vscode.dev/.

Mã VS đi kèm với hỗ trợ tích hợp cho JavaScript, TypeScript và Node JS, nhưng bạn có thể sử dụng nó để viết mã bằng bất kỳ ngôn ngữ nào bạn muốn. Tất cả những gì bạn cần làm là tải xuống các tiện ích mở rộng có liên quan.

Một số tiện ích mở rộng được tạo bởi Microsoft, nhưng rất nhiều tiện ích mở rộng khác là tiện ích mở rộng của bên thứ ba.

Không giống như Visual Studio, bạn không cần nhiều dung lượng để tải xuống VS Code. Bạn có thể không cần nhiều hơn 200 MB dung lượng đĩa để tải xuống.

Vì nó hỗ trợ JavaScript, TypeScript và Node JS theo mặc định, nên bạn cũng có trình gỡ lỗi và trí thông minh. Nhưng để có được trí thông minh, trình biên dịch và trình gỡ lỗi cho các ngôn ngữ khác, bạn phải tải xuống các tiện ích mở rộng có liên quan.

Bây giờ bạn đã biết rằng Visual Studio là một IDE và Visual Studio Code là một trình soạn thảo văn bản. Vì vậy, hãy tóm tắt sự khác biệt chính của họ tiếp theo.

Sự khác biệt giữa “Visual Studio” và “Visual Studio Code” là gì?

NỀN TẢNGVISUAL STUDIOMÃ STUDIO TRỰC QUAN
KiểuVisual Studio là một IDE chính thứcVS Code là một trình soạn thảo văn bản (AKA Code editor)
Nền tảngVisual Studio chạy trên Windows và MacMã VS chạy trên Windows, Mac và Linux
Kích cỡVisual Studio tương đối lớn. Bạn có thể phải tải xuống hơn 40 GB trên Windows và hơn 6 GB trên máy MacMã VS không yêu cầu nhiều hơn 200 MB trên mọi nền tảng
Ủng hộVisual Studio đã tích hợp hỗ trợ cho C# và .NET, bên cạnh một số ngôn ngữ phổ biến ngoài JavaVS Code hỗ trợ JavaScript, TypeScript và Node JS ngay lập tức. Nó cũng hỗ trợ các ngôn ngữ lập trình khác – miễn là có (các) phần mở rộng cho ngôn ngữ đó
định giáVisual Studio Community Edition miễn phí nhưng phiên bản chuyên nghiệp và doanh nghiệp có giá lần lượt là $45 và $250 mỗi tháng.Mã VS miễn phí. Hầu hết các tiện ích mở rộng cũng miễn phí nhưng có những tiện ích mở rộng freemium
Tiện ích mở rộngVisual Studio không có nhiều phần mở rộng như VS CodeVS Code có nhiều tiện ích mở rộng chuyên nghiệp và được quản lý cho nhiều mục đích khác nhau

Bạn nên chọn cái nào giữa “Visual Studio” và “Visual Studio Code”?

Đã có một cuộc tranh luận kéo dài về việc nên chọn cái nào tốt hơn giữa Visual Studio và Visual Studio Code. Vâng, nó phụ thuộc vào những gì bạn đang làm.

Nếu bạn đang phát triển độc quyền bằng ngôn ngữ được Visual Studio hỗ trợ, chẳng hạn như C#, C, C++, Python và các ngôn ngữ khác, thì Visual Studio hoặc các IDE có liên quan khác có thể là lựa chọn tốt nhất cho bạn.

Nhưng ngay cả khi bạn đang phát triển bằng các ngôn ngữ đó nhưng lại yêu cầu giao diện người dùng React, Vue hoặc Angular, thì mã VS có thể là lựa chọn tốt nhất cho bạn.

Nếu bạn đang làm việc theo nhóm, họ có thể cung cấp cho bạn phiên bản doanh nghiệp của Visual Studio hoặc bất kỳ IDE nào khác tương ứng với ngôn ngữ mà bạn đang làm việc. Ví dụ: PyCharm cho Python và IntelliJ Idea cho Java.

Nếu bạn đang sử dụng Linux, bạn phải chọn Visual Studio Code hoặc một số IDE khác ngoài Visual Studio. Đó là vì Visual Studio không chạy trên Linux.

Nếu bạn là kiểu người thích tùy chỉnh trình chỉnh sửa theo sở thích của mình, chỉ cần sử dụng Mã VS vì nó có khả năng tùy biến cao. Có lẽ bạn cũng nên chọn Mã VS nếu bạn đang trộn các công nghệ.

Phần kết luận

Bài viết này đã cho bạn thấy sự khác biệt giữa Visual Studio và VS Code, cũng như những điểm riêng biệt của cả hai.

Cuộc tranh luận không bao giờ nên là cái nào tốt hơn cái nào, mà là cái nào tốt nhất cho những gì bạn muốn làm hoặc những gì bạn cần. Đó là lý do tại sao chúng tôi đã xem xét một số tình huống có thể khuyến khích bạn chọn cái này hơn cái kia.

Cảm ơn bạn đã đọc.

Nguồn: https://www.freecodecamp.org

#visualstudio #visualstudiocode #vscode

Brain  Crist

Brain Crist

1596975120

Writing Visual Studio Extensions with Mads - Episode 1: Item Templates

Join Mads Kristensen from the Visual Studio team each week as he builds extensions for Visual Studio live!

#visual studio code #visual studio #code #microsoft #visual studio extensions