Hướng dẫn tải, cài đặt và sử dụng Visual Studio 2019

Đăng ký học lập trình qua LiveStream tại đây: https://duythanhcse.wordpress.com/hoc-qua-livestream/

Bài này dành cho các newbie về công nghệ Microsoft, đặc biệt là Visual Studio, cũng như một số bạn đã từng cài đặt và sử dụng nhưng có một số bước bị thiếu trong quá trình cài đặt.

Hướng dẫn giúp các bạn biết cách tải, cài đặt và sử dụng Visual Studio 2019 mới ra lò ngày 02/04/2019. Phần cài đặt, tạo project nó khá khác biệt so với các version trước. Tuy nhiên về bản chất lập trình không có khác nhiều.

Các đặc điểm mới trong version này được Microsoft công bố ở đây: https://docs.microsoft.com/en-gb/visualstudio/releases/2019/release-notes.

Trong bài hướng dẫn này Tui tập trung vào các phần chính sau:

1. Cách tải Visual Studio 2019
2. Cách cài đặt Visual Studio 2019
3. Cách sử dụng Visual Studio 2019 bằng bài HelloWorld
4. Cách đăng ký bản quyền Visual Studio 2019 Enterprise

Để tải Visual Studio 2019, các bạn vào link: https://visualstudio.microsoft.com/download

Ở trên có 3 phiên bản Visual Studio 2019. Đó là: Community, Professional và Enterprise. Với Sinh Viên không có tiền thì tải bản Community là đủ rồi. Còn cách cài đặt tương tự. Trong hướng dẫn này vì Tui có bản quyền nên sẽ trình bày cách tải Enterprise, sử dụng, kích hoạt nó như thế nào (các bản khác tương tự).

Ở màn hình trên, nếu là Community thì bấm Free Download. còn 2 bản kia thì chọn Free Trial, cài xong rồi ta kích hoạt bản quyền sau.

Sau khi tải thành công ta có file chạy như dưới đây:

Tại thời điểm Tui viết hướng dẫn này là ngày 03/04/2019 (Visual Studio 2019 chính thức publish là ngày 02/04/2019). Có thể lúc bạn đọc hướng dẫn này là version tiếp theo nhưng chắc cũng không có gì khác biệt lắm.

Giờ ta double click vào Vs_enterprise mà Tui tải về ngày 03/04/2019

Tùy vào tốc độ của máy cũng như đường truyền mạng, sau khi tải xong ta sẽ có màn hình như dưới đây:

Tùy vào nhu cầu lập trình mà ta sẽ chọn các gói khác nhau. Theo kinh nghiệm làm Project thì Tui thấy đa phần chúng ta sẽ triển khai các dự án phổ biến dưới đây (nên tick vào) tùy vào dung lượng ổ cứng, RAM, và các cấu hình khác nha. Nếu yếu thì đừng ra gió, cài một vài tính năng cần thiết trong lập trình thôi.

Ví dụ trong trường hợp này Tui thường triển khai các dự án về: Deskop application, Web Application, NodeJS, Mobile Application thì ta cần tick các lựa chọn như dưới đây:

Ở màn hình trên Tui làm các dự án liên quan tới Web asp net MVC, net core và NodeJS nên Tui sẽ ticked 2 lựa chọn trên.

Tiếp tục kéo chuột xuống để lựa chọn (nếu bạn có lập trình về nó):

Ở màn hình trên Tui có lập trình Desktop application (Winform, WPF) thì Tui tick chọn nó. Tương tự cho Universal Windows Platform development , Mobile (Xamarin) thì tick vào nó, muốn cài C++ thì tick vào C++.

Thêm lưu ý quan trọng là, ngay chỗ này đừng có bấm install nha. Vì còn một vài tính năng Tui thấy các bạn thường hay quên. ít nhất là 2 tính năng: Hiển thị mô hình lớp (class Diagram) và tăng tốc lập trình với LINQ:

Nhớ tick thêm 2 chức năng nữa đó là: Class Designer và LINQ to SQL Tools (xem hình trên).

Như vậy tới thời điểm này, Tui cần có tối thiểu 18.41GB để cài đầy đủ các tính năng mà Tui cần. Do đó bạn phải liệu cơm gắp mắm nha. Tùy vào cấu hình máy cũng như nhu cầu lập trình mà lựa chọn các gói cho phù hợp. Ví dụ bạn chả bao giờ lập trình mobile hay universal thì đừng có tick vào chúng để giúp hệ thống máy tính bớt “ngu” không cần thiết.

Sau đó ta bắt đầu bấm Install để cài đặt nha:

Lúc này Microsoft nhờ ta làm khảo sát, bạn “bận” quá thì bấm vào Not Now.

Sau đó chờ hệ thống cài đặt nha:

Chờ tới khi nào nó xong (tùy vào tốc độ máy):

Thấy nó báo 100% không?

Sau đó ta thấy nó ra màn hình thông báo trên:

Visual Studio Enterprise 2019. bản 16.0.0 coi như đã gần xong

Lúc này nó sẽ có màn hình dưới đây tự động xuất hiện:

Màn hình này cũng không quan trọng lắm. Nhưng nó có 3 ý nghĩa:

• thứ nhất: Bạn không quan tâm thì bấm “Not now, maybe later”
• thứ nhì: nếu bạn chưa có tài khoản Microsoft thì bấm vào Create one!
• thứ ba: Nếu bạn đã có thì bấm vào sign in.

Vì Tui có tài khoản(nên là như vậy). Ta nên đăng ký để có tài khoản (Create one!). có tài khoản nó sẽ tự đồng bộ nhiều thứ vì đằng sau nó còn có hệ thống Azure Teaching nữa (tuy nhiên nếu bạn là Newbie thì tốt nhất bấm “Not now, maybe later” để khỏi nhiều chuyện, khi nào rành rồi thì làm tiếp các phần khác- không ảnh hưởng gì tới Hòa Bình Thế Giới).

Giờ Tui bấm Sign In:

Tui chọn Personal account.

Cung cấp mật khẩu rồi Sign in bình thường.

Màn hình trên thấy Tui đăng nhập thành công nha.

đây là màn hình lúc khởi động Visual Studio 2019:

Khi khởi động xong, ta có màn hình dưới đây (nó khá khác biệt với các version cũ):

Ở màn hình trên ta có 3 lựa chọn chính:

• danh sách bên trái: chọn mở những Project cũ (cái này nếu bạn đã tạo trước đó hoặc kể cả ở các Version cũ nó cũng tự động hiển thị lên đây cho bạn). Muốn mở lại thì click vào nó là ok
• chọn Continue without code: Chọn mục này sẽ mở Visual Studio mà không có Project nào cả
• chọn “Create a New Project” : Chương trình sẽ hiển thị màn hình tạo Project mới.

Theo mục tiêu của hướng dẫn này, Thì Tui sẽ trình bày cách chọn “Create a new Project”:

Sau khi bấm vào chức năng này, ta có:

Rất khác biệt so với các version cũ đúng không?

ở đây bạn có thể: Tìm kiếm, lọc theo: Ngôn ngữ lập trình (C#, VB..), lọc theo Platform(Android, IOS, Windows…), theo Project Type(Cloud, Console, Machine Learning…). Việc tìm kiếm và lựa chọn giúp chúng ta dễ dàng lựa chọn đúng và nhanh chóng chủng loại dự án mà mình muốn triển khai. Ban đầu có vẻ khó chịu, nhưng sài một thời gian ta sẽ thấy sự tiện lợi này (giống như ban đầu bắt đội mũ bảo hiểm, đám đông nhao nhao chống đối, nhưng giờ ra đường mà không đội mũ bảo hiểm thì thấy nó kỳ kỳ…).

Ví dụ: Bây giờ Tui muốn tạo 1 Project tên “HelloWorld”. Viết bằng ngôn ngữ C#, platform là Windows, Project Type là Desktop. Thì Tui chọn như dưới đây:

Bước 1: Trong mục Language chọn C#

Bước 2:

Mục Platform chọn Windows

Bước 3: Mục Project Type chọn Desktop

Sau đó trong mục dưới có:

WPF – App (.Net Framework). Ta chọn nó rồi bấm Next

Lúc này màn hình “Configure your new Project” hiển thị ra như dưới đây:

Project name: Đặt tên cho dự án. Ví dụ Tui đặt “HelloWorld”

Location: Nơi lưu trữ dự án. Nên lưu khác ổ C nha, tạo thư mục không dấu Tiếng Việt để lưu trữ.

Solution name: 1 Solution có nhiều dự án (nhiều Project). Thông thường mỗi lần tạo 1 Project ta có Solution đinh kèm để quản lý nó. Nhớ rằng khi triển khai dự án thì thường chúng ta có nhiều Project. Như vậy có 1 Solution và nhiều dự án để cùng phối hợp giải quyết các vấn đề mà ta cần hoàn thành. Thông thường nó đặt tên trùng với Project đầu tiên này. Nên các bạn cứ để mặc định như hình trên.

FrameWork: Đây là version mới nhất Tui cài đặt tại thời điểm này (03/04/2019). nên nó là 4.7.2. Khi bạn đọc hướng dẫn này thì nó có thể có các version khác (không quan trọng), cứ chọn cái mới nhất để thử nghiệm.

Mọi thứ đã OK thì bấm Create để tạo Project:

Tui nó sơ qua chắc năng màn hình:

• mục 1: Là tool box để lựa chọn các Control cho phù hợp với nhu cầu. Ta kéo thả trực tiếp vào mục số 3
• mục 2: là XAML là nơi thiết kế màn hình bằng code XAML (tương tự XML)
• Mục 3: Là nơi thể hiện màn hình tương tác người dùng. NÓ sẽ thay đổi theo mục 1 và mục 2 tùy ý của lập trình viên.
• mục 4: Là nơi tổ chức sắp xếp hệ thống các lớp, tập tin, thư viện…. trong dự án
• mục 5: Là nơi cấu hình các thuộc tính cho các đối tượng trên giao diện
• mục 6: là các tiện ích giúp ta thao tác nhanh với hệ thống. Chưa quen thì dùng 1 chức năng đó là RUN (F5) hoặc nhấn vào nút màu xanh ngay chỗ số 6 Tui vẽ

Khi nhấn F5 chạy ta có kết quả như dưới đây:

Như vậy Tới đây ta đã biết cách tải, cài đặt, sử dụng Visual Studio 2019 rồi.

[code language="xml"]

<Window x:Class="HelloWorld.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
xmlns:local="clr-namespace:HelloWorld"
mc:Ignorable="d"
Title="MainWindow" Height="450" Width="800">
<Grid>
<TextBlock Foreground="Blue" Text="Lập trình WPF trong Visual Studio 2019" FontSize="35" HorizontalAlignment="Left" Margin="89,100,0,0" TextWrapping="Wrap" VerticalAlignment="Top"/>
<TextBlock Foreground="Red" Text="Trần Duy Thanh -http://communityuni.com" FontSize="35" HorizontalAlignment="Left" Margin="89,196,0,0" TextWrapping="Wrap" VerticalAlignment="Top">

</TextBlock>
<Ellipse HorizontalAlignment="Left" Height="132" Margin="306,264,0,0" Stroke="Black" VerticalAlignment="Top" Width="148" RenderTransformOrigin="0.328,0.104">
<Ellipse.Fill>
<RadialGradientBrush>
<GradientStop Offset="0.0" Color="White" ></GradientStop>
<GradientStop Offset="0.5" Color="Red" ></GradientStop>
<GradientStop Offset="1.0" Color="Blue" ></GradientStop>
</RadialGradientBrush>
</Ellipse.Fill>
</Ellipse>

</Grid>
</Window>

[/code]

Coding mẫu tải ở đây:

https://www.mediafire.com/file/3ilmt3lfr2d57s3/HelloWorld.zip/file

Cuối cùng Tui muốn hướng dẫn các bạn cách thức đăng ký tài khoản Visual Studio 2019 Enterprise(nếu bạn có mua tài khoản)

Chỗ này nhiều bạn cũng thắc mắc, là đang chạy tự nhiên nó không cho tương tác nữa. thì nhớ đa phần do hết bản quyền sử dụng(hay hết thời gian dùng thử). Do đó không có tiền thì cứ sài Community nha.

Để đăng ký License ta vào Menu Help/ chọn Register Product:

Sau đó màn hình thông tin License hiển thị như dưới đây (thấy nói dùng thử 30 ngày không?):

Ta nhấn vào: Unlock with a Product Key

Bạn dán mã bản quyền vào đó rồi nhấn Apply. Khi nào có màn hình thông báo như dưới đây là đã kích hoạt bản quyền thành công “License: Product key applied”

Hãy cố gắng sử dụng bản quyền để bảo vệ chính mình, chính các lập trình viên.

Cám ơn các bạn đã theo dõi

Chúc các bạn thành công!