<h2>8 thủ thuật npm bạn có thể sử dụng để gây ấn tượng với đồng nghiệp của mình</h2>
Khi bạn nhìn những người đồng mình của mình code, bạn có thể thấy họ sử dụng phím tắt hoặc một số thủ thuật, nhưng bạn không thích nó và muốn bỏ nó ngay trong suy nghĩ. Chuyện đó xảy ra với tất cả chúng ta tại mọi lúc.

Trong bài này, Chúng ta sẽ tìm hiểu một số trick rất hữu ích với npm. Có quá nhiều thứ để chúng ta có thể biết, vậy nên tôi sẽ tập trung vào những thủ thuật hữu ích và gần gũi nhất thường thấy với các lập trình viên.

<img class="size-full wp-image-802 aligncenter" src="http://techkids.vn/blog/wp-content/uploads/2017/06/NPM.jpg" alt="npm" />
<h3 style="text-align: center;"></h3>
<h3>Một số cú pháp npm ngắn trước khi chúng ta bắt đầu</h3>
&nbsp;

Để tất cả mọi người đều hiểu, đặc biệt là những người mới sử dụng npm, hãy tìm hiểu tổng quan về cú pháp tắt và đảm bảo không ai bỏ lỡ những thứ đơn giản này: 

Cài đặt một package:

Thông thường: npm install pkg, Tắt: npm i pkg

Cài đặt một package cục bộ:

Thông thường: npm i --global pgk, Tắt: npm i –g pkg

Cài đặt một package và lưu nó vào dependency:

Thông thường: npm i –save pkg, Tắt: npm i –S pkg

Cài đặt một package và lưu nó vào devDependency:

Thông thường: npm i –save-dev pkg, Tắt: npm i –D pkg

Để tìm hiểu thêm về các cú pháp viết tắt khác hãy đọc npm <a href="https://docs.npmjs.com/misc/config#shorthands-and-other-cli-niceties">shorthand list</a>.

Hãy bắt đầu với những điều thú vị ngay bây giờ.

&nbsp;
<ol>
 	<li>
<h3>  Khởi tạo package mới</h3>
</li>
</ol>
Chúng ta đều biết npm init, là dòng lệnh đầu tiên để tạo ra một package mới.

&nbsp;

<img class="size-large aligncenter" src="https://cdn-images-1.medium.com/max/1600/1*KUNw_1A1fsRr9NmT3LwYYw.gif" alt="" width="642" height="328" />

&nbsp;

Nhưng, tất cả câu hỏi gây khác nhiều khó chịu và chúng ta sẽ sửa nó trong tương lai, vậy tại sao không bỏ qua nó?

npm init –y và npm init –f là câu trả lời cho bạn

&nbsp;

<img class="size-large aligncenter" src="https://cdn-images-1.medium.com/max/1600/1*ulJ_vkyVLK1XJV8vQACY5w.gif" alt="" width="642" height="328" />

&nbsp;
<ol start="2">
 	<li>
<h3> Chạy test</h3>
</li>
</ol>
 Câu lệnh chúng ta sẽ sử dụng đó là npm test. Hầu hết chúng ta sẽ sử dụng chúng mỗi ngày, nhiều lần trong một ngày.

&nbsp;

<img class="size-large aligncenter" src="https://cdn-images-1.medium.com/max/1600/1*tIo4abpF5oV20lEED8C7Aw.gif" alt="" width="642" height="328" />

&nbsp;

Nếu  tôi bảo bạn có thể thực hiện câu lệnh test với ít hơn 40% kí tự thì sao? Chúng ta sẽ sử dụng câu lệnh test rất nhiều, vậy nên nó rất hữu ích.

Câu lệnh npm t, sẽ làm đúng như vậy.

&nbsp;

<img class="size-large aligncenter" src="https://cdn-images-1.medium.com/max/1600/1*_KEOMP_Ht8_1YBCAfpRQXg.gif" alt="" width="642" height="328" />

&nbsp;
<ol start="3">
 	<li>
<h3> Danh sách những câu lệnh có thể thực hiện</h3>
</li>
</ol>
&nbsp;

Chúng ta có một project mới và không biết làm cách nào để bắt đầu. Chúng ta thường sẽ tự thắc mắc một số vấn đề như: Làm thế nào để tôi chạy đc nó? Những câu lệnh nào có thể dùng?

Và một cách làm việc đó là mở file package.json và kiểm tra phần scripts.

&nbsp;

<img class="aligncenter" src="https://cdn-images-1.medium.com/max/1600/1*nssr6lw0OPnTTeT0SAzlyw.gif" alt="" width="642" height="328" />

&nbsp;

Chúng ta có thể làm việc đó tốt hơn, chỉ đơn giản chạy npm run và sẽ lấy được danh sách các câu lệnh có thể dùng.

&nbsp;

<img class="size-large aligncenter" src="https://cdn-images-1.medium.com/max/1600/1*0BIxAq0Q8B2J26Gyf9nvFg.gif" alt="" width="642" height="328" />

&nbsp;

Một cách khác đó là cài packge ntl ( npm i –g ntl ), và chạy ntl ở folder của project. Nó cũng sẽ cho phép chạy những câu lệnh, sẽ tiện hơn rất nhiều.

&nbsp;

<img class="size-large aligncenter" src="https://cdn-images-1.medium.com/max/1600/1*XjqtKLbzaIkUwSXPL92Mtg.gif" alt="" width="642" height="328" />

&nbsp;
<ol start="4">
 	<li>
<h3> Danh sách những package đã cài</h3>
</li>
</ol>
&nbsp;

Giống với những câu lệnh có thể sử dụng, chúng cũng thường thắc mắc những package dependency nào đã có trong project. 

Chúng ta có thể mở file package.json và kiểm tra, nhưng có thể làm nó đơn giản hơn.

Npm ls –depth 0

&nbsp;

<img class="size-large aligncenter" src="https://cdn-images-1.medium.com/max/1600/1*MEg_C4RKrXQuh_RqgW9Whg.gif" alt="" width="642" height="328" />

&nbsp;

Để kiểm tra các package cục bộ, hãy chạy lệnh tương tự và thêm –g
npm ls –g –depth 0

&nbsp;

<img class="size-large aligncenter" src="https://cdn-images-1.medium.com/max/1600/1*3t0VjKip9sWm9symlyrtig.gif" alt="" width="642" height="328" />

&nbsp;
<ol start="5">
 	<li>
<h3> Chạy các chương trình cục bộ</h3>
</li>
</ol>
&nbsp;

Khi chúng ta cài một package lên project, nó sẽ đi theo một câu lệnh, nhưng nó chỉ hoạt động khi chúng ta chạy qua câu lệnh npm. Bạn có từng thắc mắc tại sao, và làm cách nào để vượt qua nó?

Đầu tiên, chúng ta phải hiểu khi chúng ta thực hiện một câu lệnh ở terminal ( cmd ), thì giống với việc chạy một chương trình với cùng tên ở mọi nơi trong đường dẫn mà đã được khai báo ở PATH enviroment variable. Đó là lý do bạn có thể thực hiện nó ở bất cứ đâu. Các package cục bộ đăng kí câu lệnh của chúng cục bộ, vậy nên chúng không được liệt kê ở PATH và sẽ không tìm thấy.

Vậy chúng hoạt động thế nào khi chúng ta thực hiện qua câu lệnh npm ? Câu hỏi hay đó !Bởi vì khi chúng chạy bằng cách này, npm sẽ thực hiện một việc là thêm thư mục package đó trong PATH, &lt;project-directory&gt;/node_modules/.bin

Bạn có thể thấy nó bằng việc chạy lệnh npm run env | grep “$PATH”. Bạn cũng có thể chỉ cần chạy lệnh npm run env để thấy tất cả các biến môi trường khả dụng, npm sẽ thêm một số thứ thú vị đó.

Node_modules/.bin, nếu bạn thắc mắc, thì nó chính xác là nơi các package cục bộ thay thế câu lệnh chạy của chúng.

Hãy chạy ./node_modules/.bin/mocha trong thư mục project để thấy nó hoạt động.

&nbsp;

<img class="size-large aligncenter" src="https://cdn-images-1.medium.com/max/1600/1*5EaZSvL7T0aDCGGDB4GYjA.gif" alt="" width="642" height="328" />

&nbsp;

Đơn giản nhỉ? Chỉ cần chạy ./node_modules/.bin/&lt;command&gt; ở bất cứ đâu khi bạn muốn chạy một package cục bộ.

&nbsp;
<ol start="6">
 	<li>
<h3> Tìm package của bạn trên internet</h3>
</li>
</ol>
Bạn có thể vào trong repository và ở file package.json và thắc mắc: “package này thích hợp cho việc gì?”.

Để trả lời câu hỏi này, hãy chạy npm repo và đợi nó tự mở trình duyệt của bạn.

Cũng như vậy, để vào homepage của package đó hãy chạy npm home.

Nếu bạn muốn mở package của bạn trên npmjs.com, có một câu lệnh tắt , npm docs

&nbsp;
<ol start="7">
 	<li>
<h3> Chạy câu lệnh trước và sau câu lệnh khác.</h3>
</li>
</ol>
Bạn có thể quen thuộc với các câu lệnh như pretest, để bạn có thể định nghĩa code sẽ chạy trước câu lệnh test.

Bạn có thể ngạc nhiên khi tìm ra, rằng có thể có câu lệnh trước và sau cho tất cả các câu lệnh, kể cả câu lệnh custom của bạn.

&nbsp;

<img class="size-large aligncenter" src="https://cdn-images-1.medium.com/max/1600/1*T29YCsfoUA-nauh0mPXvMA.gif" alt="" width="642" height="328" />

Nó sẽ rất hữu ích cho project nếu bạn sử dụng npm làm công cụ build và có quá nhiều câu lệnh cần sắp xếp.

&nbsp;
<ol start="8">
 	<li>
<h3> Thay đổi version package.</h3>
</li>
</ol>
Bạn có một package, bạn muốn thay đổi version của nó, bạn cần một version mới trước khi release.
Một cách để làm việc này đó là mở file package.json và chỉnh tay version, nhưng chúng ta ở đây không cần phải làm như vậy

Một cách đơn gỉan hơn là chạy npm version với major, minor hoặc patch.

<img class="size-large aligncenter" src="https://cdn-images-1.medium.com/max/1600/1*pC68Ok-wR4Wm0HdWpQlCrg.gif" alt="" width="642" height="328" />

&nbsp;

Đó là tất cả.

Tôi hy vọng bạn đã học được thức gì mới và tìm thấy ít nhất một trong số trick npm trên hữu ích cho công việc hàng ngày của bạn, và lý tưởng bạn cũng biết rõ npm hơn và có một số ý tưởng cho cách bạn sử dụng chúng tốt hơn trong công việc.

Tạo ấn tượng cho đồng nghiệp của bạn rất tốt, nhưng học được gì mới và trở nên chuyên nghiệp  thậm chí còn tốt hơn.

Nên nếu bạn biết thêm những thủ thuật hữu ích nào nữa, hãy chia sẻ ở trong comment nhé!

&nbsp;
Nguồn: Medium

Hotline

8 thủ thuật npm bạn không thể không biết

Đừng quên chia sẻ với bạn bè nhé!

BÀI VIẾT TƯƠNG TỰ