Npm run dev là gì
NPM là gì?NPM là gì? NMP làviết tắt của Node package manager là một công cụ tạo và quản lý các thư viện lập trình Javascript choNode.js. Trong cộng đồng Javascript, các lập trình viên chia sẻ hàng trăm nghìn các thư viện với các đoạn code đã thực hiện sẵn một chức năng nào đó. Nó giúp cho các dự án mới tránh phải viết lại các thành phần cơ bản, các thư viện lập trình hay thậm chí cả các framework. Show
Công dụng của NPM là gìVới npm , công việc sẽ đơn giản đi rất nhiều, chúng giúp bạn thực hiện việc quản lý đơn giản hơn rất nhiều. Các thư viện đều có sẵn trên npm, bạn chạy một dòng lệnh để tải về và dễ dàng include chúng hơn. Mỗi đoạn code này có thể phụ thuộc vào rất nhiều các mã nguồn mở khác, thật may mắn khi các công cụ quản lý thư viện ra đời, nếu không sẽ mất rất nhiều công sức trong việc quản lý các thư viện này. Cộng đồng sử dụngnpm rất lớn, hàng nghìn các thư viện được phát hành, hỗ trợ Javascript ES6, React, Express, Grunt, Duo Hiện nay cũng đã xuất hiện thêmYarn một công cụ tương tự npm, được Facebook phát triển với nhiều tính năng vượt trội có khả năng sẽ thay thế npm. Nếu như bạn từng code Php thì sẽ biết Composer là công cụ quản lý thư viện của nó, tương tự như NPM là công cụ quản lý thư viện Javascript. 10 Công ty hàng đầu thế giới sử dụng Node.js Cài đặt NPMnpmcó sẵn khi bạn tải NodeJS về. Để kiểm tra xem trên hệ thống của bạn đã được cài npm chưa chúng ta sử dụng lệnh npm -v, nếu một phiên bản hiện ra thì hệ thống của bạn đã được cài đặt npm. VìNPMlà một phần mềm cài đặt trên máy tính của bạn nên bạn có thể sử dụng nó để cài đặt các thư việnJavascript từ trên Internet. Để cài đặt một thư viện nào đó, chỉ cần mở cửa sổTerminal (hoặc CMD)và thực thi lệnh giống dưới đây: npm install package-nameVD như mình thử tải Vuejs về sử dụng sẽ dùng lệnh: npm install vueKhi đó muốn sử dụng Vue.js chúng ta chỉ cần sử dụng lệnh require(): var Vue = require('vue'); 3 phút làm quen với Vue.js Tương lai của JavaScript ra sao trong thế giới Front-End? Cài đặt global và cài đặt localCó hai cách để cài đặt một gói bằng npm:
Mặc định thì các package khi cài đặt đều sẽ là cài trên project của bạn. npm uninstall package_name Các package thư viện đưa vào project của bạn có thể liên tục có update mới. Thực hiện npm update để thực hiện cập nhật tất cả các gói liên quan. Nếu bạn chỉ muốn cập nhật một gói cụ thể có thể sử dụng cú pháp: npm update package_nameCác câu lệnh này có thể sử dụng flag -g để thực hiện cập nhật cho các gói được cài đặt global. Kiểm tra các gói cài đặtĐể kiểm tra các gói đã được cài đặt thông qua npm sử dụng câu lệnh npm ls, nếu kiểm tra các cài đặt global thêm tham số -g npm ls npm ls -gPackage.json Tìm hiểu về bất đồng bộ trong JavaScript Ngừng lo lắng và học cách yêu hệ sinh thái JavaScript! Để quản lý các gói cài đặt cục bộ bằng npm thì cách tốt nhất là thông qua file package.json, chính là file nằm trong thư mục gốc của project. File JSON này chứa các nội dung:
Lệnh npm init yes sẽ tạo ra file package.json mẫu. npm init --yes Wrote to /home/topdev/random-keygen/package.json: { "name": "random-keygen", "description": "", "version": "1.0.4", "description": "", "main": "index.js", "scripts": { "test": "echo \"Error: no test specified\" && exit 1" }, "repository": { "type": "git", "url": "https://github.com/vietdien2005/random-keygen.git" }, "keywords": [], "author": "Đàm Việt", "license": "ISC", "bugs": { "url": "https://github.com/vietdien2005/random-keygen/issues" }, "homepage": "https://github.com/vietdien2005/random-keygen" }Có một số các thuộc tính trong package.json, chúng ta cùng điểm qua:
Ví dụ sử dụng file package.json, project sử dụng package random-keygen với phiên bản là 1.0.4 cho production và sử dụng gói develop-random-keygen trong quá trình develop là 1.0.2, file package.json sẽ như sau: { "name": "random-keygen", "version": "1.0.4", "dependencies": { "random-keygen": "^1.0.4" }, "devDependencies" : { "develop-random-keygen": "^1.0.2" } }Nếu muốn thêm các entry vào thuộc tính dependencies khi cài đặt gói sử dụng thêm flag save, còn với thuộc tính devDependencies thì sử dụng flag save-dev. Có thể bạn muốn xem thêm:
Xem thêmviệc làm JavaScript DevelopertrênTopDev |