- vừa được xem lúc

Cài đặt Typescript trong project của bạn

0 0 26

Người đăng: Nguyễn Đức Mỹ

Theo Viblo Asia

Typescript là gì? Các bạn có thể tìm hiểu tại trang chủ typescript nhé😶

Cấu trúc thư mục tree.png

I. Cài đặt

Mở terminal lên, chúng ta sẽ cài các package sau:

$ npm i typescript --save-dev && npx tsc --init && npm i gts --save-dev

Cài đặt eslint (bước tùy chọn)

$ npx gts init

Xem lại các package đã cài đặt:

package.json

{
"devDependencies": { "gts": "^3.1.0", "typescript": "^4.0.3", "@types/node": "^14.11.2"
},
"scripts": { "lint": "gts lint", "clean": "gts clean", "compile": "tsc", "fix": "gts fix", "prepare": "npm run compile", "pretest": "npm run compile", "posttest": "npm run lint"
}
} 

Cài thêm nodemon để theo dõi app.

$npm install --save-dev nodemon

Thêm đoạn code sau vào file package.json

"scripts": +++ "dev": "nodemon build/src/index.js", ...

Để combine fils ts sang file js gõ lệnh sau:

$npx tsc -w 

Để theo dõi những thay đổi:

$npm run dev

Vậy là done bước cài đặt, tiếp theo chúng ta sẽ đi sâu và tìm hiểu typescript có gì nhé!

Bình luận

Bài viết tương tự

- vừa được xem lúc

Tổng hợp các VS Code Extension bá đạo bạn nên có

Giới thiệu. Hiện tại, mình mới làm quen với VS code. Qua 1 thời gian tìm hiểu, mình thấy VS code khá là mạnh, nhất là về khoản có thể cài thêm ứng dụng mở rộng (extension). Dracula Official Theme.

0 0 50

- vừa được xem lúc

Là lập trình viên, bạn đã từng nghe nói đến .editorconfig?

Hôm kia tình cờ lân la lên thư viện PaperCSS trên GitHub, mình phát hiện ra project của họ có sử dụng file .editorconfig. Tò mò vì chả biết đó là gì, mình bắt đầu tìm hiểu thử và thực sự bất ngờ về công dụng của nó. Và tìm hiểu .

0 0 29

- vừa được xem lúc

Swift Development with Visual Studio Code

Visual Studio Code (VSCode) là một trình soạn thảo văn bản và mã nguồn mở đa nền tảng của Microsoft. Đây là một trong những dự án nguồn mở thú vị nhất hiện nay, với các bản cập nhật thường xuyên từ hàng trăm cộng tác viên.

0 0 34

- vừa được xem lúc

JSON Server 04 - Gọi API trực tiếp trong VSCode với Rest Client extension ?

Quá xịn với extension của VSCode giúp mình có thể gọi và xem kết quả của rest api ngay trực tiếp trong VSCode hehe . . #json_server. #rest_api.

0 0 35

- vừa được xem lúc

JSON Server 12 - Hướng dẫn đẩy code lên github lần đầu ?

Cùng mình tạo repository mới trên github và đẩy code lên github lần đầu nhé . . #json_server. #github.

0 0 42

- vừa được xem lúc

Những Tính Năng Hay Trong Visual Studio Code (VSCode)

Giới thiệu. Visual Studio Code là một trong những công cụ soạn thảo văn bản lập trình tốt nhất.

0 0 35