1
00:00:03,660 --> 00:00:07,550
Là một cách tiếp cận đầu tiên để tự động hóa các nhiệm vụ của chúng tôi, chúng

2
00:00:07,550 --> 00:00:12,515
ta hãy xem ví dụ về việc sử dụng các tập lệnh NPM.

3
00:00:12,515 --> 00:00:22,015
Thật vậy, chúng tôi đã bắt đầu sử dụng kịch bản NPM trong khóa học này trong các bài học trước đó.

4
00:00:22,015 --> 00:00:29,220
Hãy nhanh chóng truy cập lại tập tin package.json của chúng tôi để xem cách chúng tôi đã sử dụng một vài

5
00:00:29,220 --> 00:00:36,755
tập lệnh NPM trong tập tin package.json của chúng tôi để tự động hóa một vài tác vụ.

6
00:00:36,755 --> 00:00:40,310
Hãy nhìn vào tập tin package.json của chúng tôi,

7
00:00:40,310 --> 00:00:42,960
bạn thấy rằng trong tập tin package.json,

8
00:00:42,960 --> 00:00:47,650
chúng tôi đã có đối tượng JSON này được gọi là kịch bản.

9
00:00:47,650 --> 00:00:55,065
Bên trong các kịch bản, chúng tôi đã có thuộc tính này gọi là khởi đầu mà chúng tôi xác định ở đây mà chúng tôi

10
00:00:55,065 --> 00:01:03,945
chỉ định là NPM chạy lite và cũng chúng tôi chỉ định lite này như lite-server.

11
00:01:03,945 --> 00:01:07,825
Vì vậy, sau đó bạn bắt đầu phát triển web của bạn.

12
00:01:07,825 --> 00:01:15,240
Chúng tôi cũng khởi động máy chủ lite-server của chúng tôi bằng cách gõ vào NPM bắt đầu tại dấu nhắc.

13
00:01:15,240 --> 00:01:19,860
Bây giờ, điều này cho phép chúng tôi là khởi động máy chủ lite-server trong

14
00:01:19,860 --> 00:01:25,715
thư mục dự án của chúng tôi và bắt đầu lưu các tập tin từ thư mục,

15
00:01:25,715 --> 00:01:28,410
để chúng tôi có thể xem nó trong một trình duyệt.

16
00:01:28,410 --> 00:01:33,800
Chúng tôi thấy đây là một cách tiếp cận hữu ích để có thể xem trực tiếp

17
00:01:33,800 --> 00:01:43,305
những thay đổi mà chúng tôi thực hiện cho các tập tin của chúng tôi được phản ánh ngay lập tức trong trình duyệt.

18
00:01:43,305 --> 00:01:51,195
Bây giờ, trong các nhiệm vụ khác mà chúng tôi cấu hình và sử dụng trong bài học trước

19
00:01:51,195 --> 00:01:58,520
đó là SCSS, được sử dụng để chuyển mã SCSS thành mã CSS tương ứng.

20
00:01:58,520 --> 00:02:08,235
Vì vậy, chúng tôi đã viết trích dẫn này unquote kịch bản NPM gọi là SCSS mà thực hiện các nút sass

21
00:02:08,235 --> 00:02:13,035
bằng cách tìm kiếm các tập tin SCSS

22
00:02:13,035 --> 00:02:19,050
trong thư mục CSS và sau đó chuyển chúng thành mã CSS tương ứng.

23
00:02:19,050 --> 00:02:20,760
Và để thực hiện điều này,

24
00:02:20,760 --> 00:02:25,920
chúng tôi đã gõ NPM chạy SCSS tại dấu nhắc lệnh.

25
00:02:25,920 --> 00:02:30,710
Vì vậy, chúng ta đã thấy rằng chúng ta đã sử dụng một vài

26
00:02:30,710 --> 00:02:39,120
kịch bản NPM để tự động hóa một số tác vụ trong quá trình phát triển web của chúng tôi.

27
00:02:39,120 --> 00:02:43,360
Vì vậy, để tóm tắt, kịch bản NPM được hỗ trợ thông qua

28
00:02:43,360 --> 00:02:49,930
thuộc tính kịch bản này trong tập tin package.json như chúng ta đã thấy trong ví dụ trước đó.

29
00:02:49,930 --> 00:02:52,370
Có một số kịch bản được hỗ trợ.

30
00:02:52,370 --> 00:02:57,270
Một trong đó là quan tâm đến chúng tôi là bắt đầu kịch bản,

31
00:02:57,270 --> 00:03:00,790
do đó bạn có thể thêm các loại nhắc nhở NPM bắt đầu,

32
00:03:00,790 --> 00:03:06,320
và sau đó các kịch bản tương ứng được đề cập bởi sự bắt đầu, sẽ được bắt đầu.

33
00:03:06,320 --> 00:03:10,275
Bây giờ, chúng ta có thể xác định kịch

34
00:03:10,275 --> 00:03:16,710
bản tùy ý trong thuộc tính kịch bản và sau đó chạy chúng bằng cách nói NPM chạy và tên của kịch bản,

35
00:03:16,710 --> 00:03:22,165
như bạn đã thấy việc sử dụng NPM chạy SCSS hoặc NPM chạy lite và vân vân.

36
00:03:22,165 --> 00:03:28,790
Chúng tôi sẽ tận dụng điều này để có thể phát triển một vài kịch bản bổ sung sẽ

37
00:03:28,790 --> 00:03:35,935
tự động hóa rất nhiều nhiệm vụ mà chúng tôi đã nói về trong bài giảng trước đó.

38
00:03:35,935 --> 00:03:40,890
Vì vậy, để giúp chúng tôi hiểu làm thế nào chúng tôi có thể tận dụng các script NPM để

39
00:03:40,890 --> 00:03:45,730
tự động hóa rất nhiều tác vụ phát triển web của

40
00:03:45,730 --> 00:03:50,630
chúng tôi, chúng tôi sẽ học cách cấu hình các script NPM trong file package.json,

41
00:03:50,630 --> 00:03:53,000
và sau đó thực hiện các script,

42
00:03:53,000 --> 00:03:56,850
đôi khi tự động hoặc đôi khi tự động gọi

43
00:03:56,850 --> 00:04:02,670
các script theo thứ tự để thực hiện việc xây dựng và triển khai trang web của chúng tôi.