Sự khác biệt giữa npx và npm?

617
Paresh Maniyar 2018-05-31 02:51.

Tôi mới bắt đầu học React và Facebook giúp đơn giản hóa thiết lập ban đầu bằng cách cung cấp dự án làm sẵn sau đây .

Nếu tôi phải cài đặt dự án khung, tôi phải nhập npx create-react-app my-appdòng lệnh.

Tôi đã tự hỏi tại sao Facebook trong Github lại có npx create-react-app my-appchứ không phải npm create-react-app my-app?

7 answers

770
vsync 2018-08-26 05:43.

Giới thiệu npx: một trình chạy gói npm

NPM- Quản lý các gói nhưng không làm cho cuộc sống dễ dàng thực hiện bất kỳ.
NPX- Một công cụ để thực thi các gói Node.

NPXđi kèm với NPMphiên bản5.2+

NPMtự nó không chỉ đơn giản là chạy bất kỳ gói nào. thực tế là nó không chạy bất kỳ gói nào. Nếu bạn muốn chạy một gói bằng NPM, bạn phải chỉ định gói đó trong package.jsontệp của mình .

Khi các tệp thực thi được cài đặt thông qua các gói NPM, NPM liên kết đến chúng:

  1. cài đặt cục bộ có "liên kết" được tạo tại ./node_modules/.bin/thư mục.
  2. cài đặt toàn cầu có "liên kết" được tạo từ bin/thư mục chung (ví dụ /usr/local/bin) trên Linux hoặc tại %AppData%/npmWindows.

Tài liệu bạn nên đọc


NPM:

Người ta có thể cài đặt một gói cục bộ trên một dự án nhất định:

npm install some-package

Bây giờ, giả sử bạn muốn NodeJS thực thi gói đó từ dòng lệnh:

$ some-package

Ở trên sẽ thất bại . Chỉ cài đặt trên toàn cầu gói có thể được thực hiện bằng cách gõ tên của họ chỉ .

Để khắc phục điều này và để nó chạy, bạn phải nhập đường dẫn cục bộ:

$ ./node_modules/.bin/some-package

Về mặt kỹ thuật, bạn có thể chạy một gói được cài đặt cục bộ bằng cách chỉnh sửa packages.jsontệp của bạn và thêm gói đó vào scriptsphần:

{
  "name": "whatever",
  "version": "1.0.0",
  "scripts": {
    "some-package": "some-package"
  }
}

Sau đó chạy tập lệnh bằng npm run-script(hoặc npm run):

npm run some-package

NPX:

npxsẽ kiểm tra xem có <command>tồn tại trong $PATHhoặc trong các tệp nhị phân dự án cục bộ hay không và thực thi nó. Vì vậy, đối với ví dụ trên, nếu bạn muốn thực thi gói cài đặt cục bộ, some-packagetất cả những gì bạn cần làm là nhập:

npx some-package

Một ưu điểm chính khác của npxnó là khả năng thực thi một gói chưa được cài đặt trước đó:

$ npx create-react-app my-app

Ví dụ trên sẽ tạo bảng reactsoạn sẵn ứng dụng trong đường dẫn lệnh đã chạy và đảm bảo rằng bạn luôn sử dụng phiên bản mới nhất của trình tạo hoặc công cụ xây dựng mà không cần phải nâng cấp mỗi khi bạn sắp sử dụng nó.


Ví dụ về Use-Case:

npxlệnh có thể hữu ích trong scriptphần của package.jsontệp, khi không mong muốn xác định một phần phụ thuộc có thể không được sử dụng phổ biến hoặc bất kỳ lý do nào khác:

"scripts": {
    "start": "npx [email protected]",
    "serve": "npx http-server"
}

Gọi bằng: npm run serve


Câu hỏi liên quan:

  1. Làm thế nào để sử dụng các tệp thực thi từ một gói được cài đặt cục bộ trong node_modules?
  2. NPM: làm thế nào để tạo nguồn thư mục ./node_modules/.bin?
  3. Làm thế nào để bạn chạy một tệp js bằng cách sử dụng các tập lệnh npm?
105
dww 2018-07-07 02:06.

npx là một trình chạy gói npm (x có lẽ là viết tắt của eXecute). Việc sử dụng điển hình là tải xuống và chạy một gói tạm thời hoặc để dùng thử.

create-react-app là gói npm chỉ được chạy một lần trong vòng đời của dự án. Do đó, bạn nên sử dụng npx để cài đặt và chạy nó trong một bước duy nhất.

Như đã đề cập trong trang người đàn ông https://www.npmjs.com/package/npx , npx có thể chạy các lệnh trong PATH hoặc từ node_modules / .bin theo mặc định.

Lưu ý: Với một số thao tác đào, chúng tôi có thể thấy rằng create-react-app trỏ đến một tệp Javascript (có thể đến /usr/lib/node_modules/create-react-app/index.js trên hệ thống Linux) được thực thi trong môi trường nút . Đây chỉ đơn giản là một công cụ toàn cầu thực hiện một số kiểm tra. Việc thiết lập thực tế được thực hiện bởi các kịch bản phản ứng, có phiên bản mới nhất được cài đặt trong dự án. Tham khảo https://github.com/facebook/create-react-app để biết thêm thông tin.

84
cherankrish 2019-05-12 12:42.

NPM là trình quản lý gói, bạn có thể cài đặt gói node.js bằng NPM

NPX là một công cụ để thực thi các gói node.js.

Không quan trọng bạn đã cài đặt gói đó trên toàn cầu hay cục bộ. NPX sẽ tạm thời cài đặt nó và chạy nó. NPM cũng có thể chạy các gói nếu bạn định cấu hình tệp package.json và đưa nó vào phần script.

Vì vậy, hãy nhớ điều này, nếu bạn muốn kiểm tra / chạy một gói nút nhanh chóng mà không cần cài đặt cục bộ hoặc toàn cầu, hãy sử dụng NPX.

np M - Người quản lý

np X - Thực thi - dễ nhớ

50
Venkat Ch 2018-07-28 17:39.

NPX:

Từ https://www.futurehosting.com/blog/npx-makes-life-easier-for-node-developers-plus-node-vulnerability-news/ :

Các nhà phát triển web có thể có hàng tá dự án trên máy phát triển của họ và mỗi dự án có một tập hợp phụ thuộc được cài đặt npm cụ thể của riêng nó. Vài năm trở lại đây, lời khuyên thông thường để xử lý các ứng dụng CLI như Grunt hoặc Gulp là cài đặt chúng cục bộ trong từng dự án và trên toàn cầu để chúng có thể dễ dàng chạy từ dòng lệnh.

Nhưng cài đặt trên toàn cầu gây ra nhiều vấn đề như nó đã giải quyết. Các dự án có thể phụ thuộc vào các phiên bản khác nhau của các công cụ dòng lệnh và việc gây ô nhiễm hệ điều hành bằng nhiều công cụ CLI dành riêng cho phát triển cũng không phải là điều tuyệt vời. Ngày nay, hầu hết các nhà phát triển thích cài đặt các công cụ cục bộ và để nó ở đó.

Các phiên bản cục bộ của các công cụ cho phép các nhà phát triển kéo các dự án từ GitHub mà không phải lo lắng về sự không tương thích với các phiên bản công cụ được cài đặt toàn cầu. NPM chỉ có thể cài đặt phiên bản cục bộ và bạn đã sẵn sàng. Nhưng các cài đặt cụ thể của dự án không phải là không có vấn đề: làm thế nào để bạn chạy đúng phiên bản của công cụ mà không chỉ định vị trí chính xác của nó trong dự án hoặc nghịch bí danh?

Đó là vấn đề npx giải quyết. Một công cụ mới có trong NPM 5.2, npx là một tiện ích nhỏ đủ thông minh để chạy đúng ứng dụng khi nó được gọi từ trong một dự án.

Ví dụ: nếu bạn muốn chạy phiên bản mocha dự án-cục bộ, bạn có thể chạy npx mocha bên trong dự án và nó sẽ thực hiện những gì bạn mong đợi.

Một lợi ích phụ hữu ích của npx là nó sẽ tự động cài đặt các gói npm chưa được cài đặt. Vì vậy, như Kat Marchán, người tạo ra công cụ này đã chỉ ra, bạn có thể chạy npx benny-hill mà không cần phải đối phó với Benny Hill gây ô nhiễm môi trường toàn cầu.

Nếu bạn muốn sử dụng npx để quay vòng, hãy cập nhật lên phiên bản npm mới nhất.

45
Ninh Pham 2018-12-17 19:46.

npx chạy lệnh của một gói mà không cần cài đặt nó một cách rõ ràng.

Trường hợp sử dụng:

  • Bạn không muốn cài đặt các gói trên toàn cầu hay cục bộ.
  • Bạn không có quyền cài đặt nó trên toàn cầu.
  • Chỉ muốn kiểm tra một số lệnh.
  • Đôi khi, bạn muốn có một lệnh script (tạo, chuyển đổi thứ gì đó, ...) package.jsonđể thực thi một cái gì đó mà không cần cài đặt các gói này làm phụ thuộc của dự án.

Cú pháp:

npx [options] [-p|--package <package>] <command> [command-arg]...

Gói là tùy chọn:

npx   -p uglify-js         uglifyjs --output app.min.js app.js common.js
      +----------------+   +--------------------------------------------+
      package (optional)   command, followed by arguments

Ví dụ:

Start a HTTP Server      : npx http-server
Lint code                : npx eslint ./src
                         # Run uglifyjs command in the package uglify-js
Minify JS                : npx -p uglify-js uglifyjs -o app.min.js app.js common.js
Minify CSS               : npx clean-css-cli -o style.min.css css/bootstrap.css style.css
Minify HTML              : npx html-minifier index-2.html -o index.html --remove-comments --collapse-whitespace
Scan for open ports      : npx evilscan 192.168.1.10 --port=10-9999
Cast video to Chromecast : npx castnow http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/ForBiggerFun.mp4

Thông tin thêm về command:

20
Yassine Qoraiche 2019-08-28 10:54.

Định nghĩa đơn giản:

npm - Trình quản lý gói Javascript

npx - Thực thi mã nhị phân gói npm

11
Risteard 2018-12-11 02:11.

Đây là một ví dụ về NPX đang hoạt động: npx Coway xin chào

Nếu bạn nhập nó vào thiết bị đầu cuối bash của mình, bạn sẽ thấy kết quả. Lợi ích của việc này là npx đã tạm thời cài đặt coway. Không có ô nhiễm gói nào vì coway không được cài đặt vĩnh viễn. Điều này là tuyệt vời cho một lần gói mà bạn muốn tránh ô nhiễm gói.

Như đã đề cập trong các câu trả lời khác, npx cũng rất hữu ích trong trường hợp (với npm) gói cần được cài đặt rồi cấu hình trước khi chạy. Ví dụ: thay vì sử dụng npm để cài đặt và sau đó cấu hình tệp json.package và sau đó gọi lệnh chạy đã cấu hình, chỉ cần sử dụng npx thay thế. Một ví dụ thực tế: npx create-react-app my-app

Related questions

MORE COOL STUFF

Cate Blanchett chia tay chồng sau 3 ngày bên nhau và vẫn kết hôn với anh ấy 25 năm sau

Cate Blanchett chia tay chồng sau 3 ngày bên nhau và vẫn kết hôn với anh ấy 25 năm sau

Cate Blanchett đã bất chấp những lời khuyên hẹn hò điển hình khi cô gặp chồng mình.

Tại sao Michael Sheen là một diễn viên phi lợi nhuận

Tại sao Michael Sheen là một diễn viên phi lợi nhuận

Michael Sheen là một diễn viên phi lợi nhuận nhưng chính xác thì điều đó có nghĩa là gì?

Hallmark Star Colin Egglesfield Các món ăn gây xúc động mạnh đối với người hâm mộ tại RomaDrama Live! [Loại trừ]

Hallmark Star Colin Egglesfield Các món ăn gây xúc động mạnh đối với người hâm mộ tại RomaDrama Live! [Loại trừ]

Ngôi sao của Hallmark Colin Egglesfield chia sẻ về những cuộc gặp gỡ với người hâm mộ ly kỳ tại RomaDrama Live! cộng với chương trình INSPIRE của anh ấy tại đại hội.

Tại sao bạn không thể phát trực tuyến 'chương trình truyền hình phía Bắc'

Tại sao bạn không thể phát trực tuyến 'chương trình truyền hình phía Bắc'

Bạn sẽ phải phủi sạch đầu đĩa Blu-ray hoặc DVD để xem tại sao Northern Exposure trở thành một trong những chương trình nổi tiếng nhất của thập niên 90.

Where in the World Are You? Take our GeoGuesser Quiz

Where in the World Are You? Take our GeoGuesser Quiz

The world is a huge place, yet some GeoGuessr players know locations in mere seconds. Are you one of GeoGuessr's gifted elite? Take our quiz to find out!

8 công dụng tuyệt vời của Baking Soda và Giấm

8 công dụng tuyệt vời của Baking Soda và Giấm

Bạn biết đấy, hai sản phẩm này là nguồn điện để làm sạch, riêng chúng. Nhưng cùng với nhau, chúng có một loạt công dụng hoàn toàn khác.

Hạn hán, biến đổi khí hậu đe dọa tương lai của thủy điện Hoa Kỳ

Hạn hán, biến đổi khí hậu đe dọa tương lai của thủy điện Hoa Kỳ

Thủy điện rất cần thiết cho lưới điện của Hoa Kỳ, nhưng nó chỉ tạo ra năng lượng khi có nước di chuyển. Bao nhiêu nhà máy thủy điện có thể gặp nguy hiểm khi các hồ và sông cạn kiệt?

Quyên góp tóc của bạn để giúp giữ nước sạch của chúng tôi

Quyên góp tóc của bạn để giúp giữ nước sạch của chúng tôi

Tóc tỉa từ các tiệm và các khoản quyên góp cá nhân có thể được tái sử dụng như những tấm thảm thấm dầu và giúp bảo vệ môi trường.

Trong Saturday Night Live, The Bachelor is Bland và Tina Fey trở lại với vai 'Crazy' Sarah Palin

Trong Saturday Night Live, The Bachelor is Bland và Tina Fey trở lại với vai 'Crazy' Sarah Palin

Sau khi Sarah Palin tán thành Donald Trump vào đầu tuần này, gần như không thể tránh khỏi việc Tina Fey sẽ trở lại Saturday Night Live để thăm lại ấn tượng Palin cổ điển của cô. Và Fey chắc chắn đã không làm thất vọng, cô ấy đã đưa ra một lời khen ngợi không hề nhẹ về bài phát biểu chứng thực Iowa quanh co và khó hiểu của Palin trong khi Trump của Darrell Hammond đưa ra bình luận xuyên suốt.

Đây có phải là sự khởi đầu cho sự kết thúc của việc giam giữ Brittney Griner?

Đây có phải là sự khởi đầu cho sự kết thúc của việc giam giữ Brittney Griner?

Brittney Griner (r.) Ngay từ đầu, thân phận của Brittney Griner đã là tình huống con tin Mỹ độc nhất trong lịch sử hiện đại.

Tom Brady là bộ tứ vệ đầu tiên cuối cùng có thể giúp Julio Jones có hơn 10 lần chạm bóng trong một mùa giải

Tom Brady là bộ tứ vệ đầu tiên cuối cùng có thể giúp Julio Jones có hơn 10 lần chạm bóng trong một mùa giải

Chúng ta có thể thấy nhiều hơn nữa về một Julio Jones khỏe mạnh trong khu vực cuối năm nay. John Parker Wilson, Greg McElroy, A.

Đó phải là Đức

Đó phải là Đức

Đối với đội tuyển Anh, không có kẻ thủ ác nào lớn hơn Hầu hết các cổ động viên Anh, nếu không muốn nói là tất cả, hẳn sẽ phải gật gù khi tiếng còi mãn cuộc của trận bán kết lượt về W Euro 2022 vang lên. Bởi vì nó báo hiệu rằng Đức sẽ chờ đợi ở Wembley trong trận chung kết với Anh và là điều duy nhất giữa Anh và chiếc cúp lớn đầu tiên của đội tuyển nữ.

Nicky Hilton Forced to Borrow Paris' 'I Love Paris' Sweatshirt After 'Airline Loses All [My] Luggage'

Nicky Hilton Forced to Borrow Paris' 'I Love Paris' Sweatshirt After 'Airline Loses All [My] Luggage'

Nicky Hilton Rothschild's luggage got lost, but luckily she has an incredible closet to shop: Sister Paris Hilton's!

Kate Middleton dành một ngày bên bờ nước ở London, cùng với Jennifer Lopez, Julianne Hough và hơn thế nữa

Kate Middleton dành một ngày bên bờ nước ở London, cùng với Jennifer Lopez, Julianne Hough và hơn thế nữa

Kate Middleton dành một ngày bên bờ nước ở London, cùng với Jennifer Lopez, Julianne Hough và hơn thế nữa. Từ Hollywood đến New York và mọi nơi ở giữa, hãy xem các ngôi sao yêu thích của bạn đang làm gì!

17 tuổi bị đâm chết trong khi 4 người khác bị thương trong một cuộc tấn công bằng dao trên sông Wisconsin

17 tuổi bị đâm chết trong khi 4 người khác bị thương trong một cuộc tấn công bằng dao trên sông Wisconsin

Các nhà điều tra đang xem xét liệu nhóm và nghi phạm có biết nhau trước vụ tấn công hay không

Thanh thiếu niên, Gia đình Florida Hội đồng quản trị trường học về Luật 'Không nói đồng tính': 'Buộc chúng tôi tự kiểm duyệt'

Thanh thiếu niên, Gia đình Florida Hội đồng quản trị trường học về Luật 'Không nói đồng tính': 'Buộc chúng tôi tự kiểm duyệt'

Vụ kiện, nêu tên một số học khu, lập luận rằng dự luật "Không nói đồng tính" được ban hành gần đây của Florida "có hiệu quả im lặng và xóa bỏ học sinh và gia đình LGBTQ +"

Đường băng hạ cánh

Đường băng hạ cánh

Cuối hè đầu thu là mùa hoài niệm. Những chiếc đèn đường chiếu ánh sáng của chúng qua những con đường đẫm mưa, và những chiếc lá dưới chân - màu đỏ cam tắt trong bóng chạng vạng - là lời nhắc nhở về những ngày đã qua.

Hãy tưởng tượng tạo ra một chiến lược nội dung thực sự CHUYỂN ĐỔI. Nó có thể.

Hãy tưởng tượng tạo ra một chiến lược nội dung thực sự CHUYỂN ĐỔI. Nó có thể.

Vào năm 2021, tôi khuyến khích bạn suy nghĩ lại mọi thứ bạn biết về khách hàng mà bạn phục vụ và những câu chuyện bạn kể cho họ. Lùi lại.

Sự mất mát của voi ma mút đã mở ra trái tim tôi để yêu

Sự mất mát của voi ma mút đã mở ra trái tim tôi để yêu

Vào ngày sinh nhật thứ 9 của Felix The Cat, tôi nhớ về một trong những mất mát lớn nhất trong cuộc đời trưởng thành của tôi - Sophie của tôi vào năm 2013. Tôi đã viết bài luận này và chia sẻ nó trên nền tảng này một thời gian ngắn vào năm 2013.

Khi bạn không thể trở thành người mà Internet muốn bạn trở thành

Khi bạn không thể trở thành người mà Internet muốn bạn trở thành

Tôi ghét từ "tàu đắm". Mọi người cảm thấy thoải mái trong la bàn đạo đức của riêng mình, và khi làm như vậy, họ thấy mình vượt qua sự phán xét.

Language