NPM (Node Package Manager)은 웹 개발자에게 많은 편리한 JavaScript 모듈을 제공하여 응용 프로그램 종속성의 검색 및 관리를 크게 단순화합니다. 또한 개발자가 자체 모듈을 만들고 게시 할 수있게 해주므로 다른 개발자는 를 사용하여 쉽게 얻고 사용할 수 있습니다. 완벽한 것 같네요?
키 포인트 npm install -g your-tool
-
-g
우리는 몇 가지 문제가있었습니다 -
-g 첫째, 글로벌 모듈은 프로젝트의 종속성으로 나열되지 않으므로 프로젝트가 의존하는 경우에도 응용 프로그램을 사용하여 다른 사람들의 작업량을 증가시킵니다. 프로젝트의 생산 환경을 준비하기 위해 Gulp를 사용해야한다는 것을 알고 있으므로 전 세계적으로 설치하고 사용합니다. 다른 사람들이 훌륭한 오픈 소스 프로젝트를 사용하거나 작업하기를 원할 때 --save-dev
를 입력하고 작업을 시작할 수는 없습니다. 예를 들어 readme 파일에 지침을 추가해야합니다. 이 프로젝트를 사용하려면 다음 단계를 따르십시오- run
- run
npm install
run - 빌드
npm install -g gulp
두 가지 문제를 보았습니다. 먼저, Gulp를 설치하는 추가 단계를 추가했습니다. 피할 수있는 추가 단계 (Gulp의 글로벌 설치)를 보았으며, 사용자는 응용 프로그램이 Gulp를 사용하여 프로젝트를 구축한다는 것을 알아야한다는 것을 알았습니다. 이 기사는 주로 첫 번째 문제에 대해 설명하며 두 번째 문제는 심각하지는 않지만 도구를 전환하면 지침을 업데이트해야합니다. 나중에 논의 할 솔루션은 두 가지 문제를 모두 해결해야합니다. -
gulp
당신은 6 개월 전에 최신 버전의 Gulp를 사용했을 때 프로젝트를 만들었습니다. 오늘, 누군가가 프로젝트의 저장소를 복제하고 GULP를 실행하려고 시도했지만 오류가 발생했습니다. 프로젝트를 복제하는 사람이 오래된 버전의 Gulp 또는 새로운 버전의 Gulp를 실행하고 있기 때문입니다.
git 클론 창고 전 세계적으로 모듈 설치와 관련된 두 번째 주요 문제는 잘못된 모듈 버전으로 인해 충돌을 일으킬 수 있다는 것입니다. 다음 두 가지 예는 이것을 보여줍니다. 당신은 6 개월 전에 Gulp를 사용하여 프로젝트를 만들었습니다. 그 이후로, 당신은 다른 프로젝트에 가서 컴퓨터에서 Gulp를 업데이트했습니다. 이 오래된 프로젝트로 돌아가 Gulp를 실행하려고 시도 했으므로 마지막으로 프로젝트에 연락 한 이후 Gulp를 업데이트 했으므로 오류가 발생합니다. 이제 프로젝트를보다 편리한 시간으로 지연시키지 않고 프로젝트에서 더 많은 진전을 이루기 전에 새로운 버전의 Gulp로 작업하기 위해 빌드 프로세스를 업데이트해야합니다. 이러한 문제는 매우 심각 할 수 있습니다. 그러나 앞서 말했듯이, 나는 일반적으로 당신이 전 세계적으로 무언가를 설치하지 않는다고 말하지 않을 것입니다. 몇 가지 예외가 있습니다. 안전에 대한 짧은 참고 기본적으로 일부 시스템에서 NPM 모듈의 글로벌 설치에는 고가의 권한이 필요합니다. 와 같은 명령을 실행하는 경우이 명령을 변경해야합니다. NPM 초보자 가이드는이를 수행하는 방법을 보여줍니다. 예외 - (의 명령입니다)를 실행하면 현재 폴더를 의 루트로 설정 한 다음 귀하의 문서를 열 수 있습니다. 브라우저 및 테스트.
- 솔루션
그렇다면 전 세계적으로 무엇을 설치할 수 있습니까? 간단히 말해서 : 프로젝트에 의존하지 않는 것은 무엇이든. 예를 들어, 라는 글로벌 모듈을 설치했습니다. 내 브라우저에서 HTML 파일을 볼 필요가있을 때마다 나는 또한 프로젝트의 일부가 아닌 JavaScript 파일을 압축하려는 상황이나 최소한 공식적인 빌드 프로세스 (바보 같은 "회사"이유)를 설정할 수있는 프로젝트가 아닌 상황을 만났습니다. 이를 위해 를 설치하고 몇 초 만에 명령 줄에서 스크립트를 쉽게 압축 할 수 있습니다. 문제가 어디에서 발생할 수 있는지 알 수 있으므로 어떻게 방해해야합니까? 가장 먼저해야 할 일은 모듈을 설치할 때 제거하는 것입니다. 모듈을 개발 종속성으로 저장할 수 있도록 <it>로 교체해야하며 누군가가 를 실행할 때 항상 설치됩니다. 이것은 앞에서 언급 한 사소한 문제 중 하나만 해결할 것이지만 시작일뿐입니다. <code>-g</code> <to> 알아야 할 것은 종속성을 로컬로 설치할 때 명령 줄에서 실행되는 스크립트가 있으면 디렉토리에 배치된다는 것입니다. 이제 Gulp를 로컬로 설치하는 경우 명령 줄에서 --save-dev를 입력하여 실행할 수 있습니다. 물론 아무도이 모든 것을 입력하고 싶어하지 않습니다. NPM 스크립트를 사용 하여이 문제를 해결할 수 있습니다. <code>npm install</code> 파일에서 다음과 유사한 속성을 추가 할 수 있습니다. <p> <run> 이제 언제든지 로컬 버전의 gulp를 실행할 수 있습니다. NPM 스크립트는 PATH Environment 변수를 확인하기 전에 <code>./node_modules/.bin/</code> 디렉토리의 실행 가능 명령의 로컬 사본을 찾습니다. 원하는 경우이 매개 변수 전에 <code>./node_modules/.bin/gulp</code>를 추가하여 다른 매개 변수를 Gulp에 전달할 수도 있습니다. </run></p> <to> 전 세계적으로 Gulp를 사용하는 것보다 더 많이 입력해야하지만 나쁘지만이 문제를 해결하는 두 가지 방법이 있습니다. 첫 번째 접근법 (위에서 언급 한 문제 중 하나)은 NPM 스크립트를 사용하여 별칭을 만드는 것입니다. 예를 들어, 응용 프로그램을 Gulp에 바인딩 할 필요가 없으므로 Gulp를 실행하는 스크립트를 만들 수 있지만 Gulp를 언급하지 않습니다. <p> <can>이 방법으로 당신은 더 짧게 전화를 걸고 스크립트를 보편적으로 유지할 수 있습니다. 다목적 성을 유지함으로써, 당신은 항상 Gulp를 투명하게 제거하고 아무도 알 필요없이 다른 것으로 바꿀 수 있습니다 (빌드 프로세스를 다루지 않는 한, 이미 알고 있어야하고 아마도 마이그레이션에 관여하고 Gulp의 토론을 떠나야 할 것입니다. ). 또는 누군가가 <code>package.json</code>를 실행 한 후 즉시 빌드 프로세스가 자동으로 실행되도록 <code>scripts</code> 스크립트를 추가 할 수도 있습니다. 이것은 readme 파일을 크게 단순화합니다. 또한 NPM 스크립트를 사용하면 프로젝트를 복제하는 사람이라면 누구나 프로젝트에서 실행하는 모든 프로세스에 대해 </can></p> 파일로 간단하고 간단한 문서를 얻어야합니다. <pre class='brush:php;toolbar:false;'>{ ... "scripts": { "gulp": "gulp" } } NPM 스크립트를 사용하는 것 외에도 명령 줄 도구의 로컬 설치를 사용할 수있는 또 다른 트릭이 있습니다 : 경로에 비해. 경로 환경 변수에 를 추가했는데 프로젝트의 루트에있는 한 명령 이름을 입력하여 명령 도구에 액세스 할 수 있습니다. 나는 내가 쓴 다른 게시물에 대한 의견 에서이 트릭을 배웠습니다 (Gabriel Falkenberg 덕분). 이러한 트릭은 Gulp와 같은 도구를 사용하려는 모든 상황을 완전히 대체하는 것은 아니며 설정을 위해 작업을 수행하지만 이러한 도구를 의존적으로 나열하는 것이 모범 사례가되어야한다고 생각합니다. 이렇게하면 버전 충돌을 방지 할 수 있으며 (처음에는 종속성 관리자의 주요 원인 중 하나) 다른 프로젝트를 얻는 데 필요한 단계를 단순화하는 데 도움이됩니다. 이것은 약간 중복 될 수 있지만 노드와 NPM도 프로젝트의 종속성이라고 생각하며 충돌 할 수있는 여러 버전이 있습니다. 응용 프로그램이 모든 사람을 위해 작동하는지 확인하려면 사용자에게 올바른 버전의 노드 및 NPM이 설치되어 있는지 확인할 수있는 방법이 필요합니다.
노드와 NPM의 로컬 카피를 프로젝트에 설치할 수 있습니다! 그러나 이것이 모든 문제를 해결하는 것은 아닙니다. 첫째, 노드는 모든 운영 체제마다 다르므로 모든 사람은 여전히 운영 체제와 호환되는 버전을 다운로드해야합니다. 둘째, 공통 노드를 설치하는 방법이 있더라도 모든 사람이 명령 줄에서 노드와 NPM에 쉽게 액세스 할 수있는 방법이 있는지 확인해야합니다. 경로 환경 변수에. 이것을 보장하는 쉬운 방법은 없습니다. 각 프로젝트마다 특정 버전의 노드와 NPM을 시행 할 수 있기를 원하지만이 작업을 수행하는 좋은 방법을 생각할 수 없습니다. 이것이 좋은 생각이라고 생각하고 좋은 해결책을 제시한다면, 의견에 모두 알려주십시오. 나는 이것을 표준 연습으로 만들기 위해 간단한 솔루션을보고 싶습니다! 결론
이제 도구를 프로젝트로 나열하는 버전의 종속성의 중요성을 이해할 수 있기를 바랍니다. 또한 귀하가 자신의 프로젝트에서 이러한 관행을 구현하기 위해 열심히 노력하여 표준으로 홍보 할 수 있기를 바랍니다. 더 나은 아이디어가 없다면, 그것을 말하고 전 세계에 알리십시오! 글로벌 NPM 모듈 종속성 문제는 무엇입니까? Global NPM 모듈 종속성 문제는 Node.js 패키지를 전 세계적으로 설치할 때 개발자가 직면하는 일반적인 문제입니다. 이 문제는 설치된 글로벌 패키지가 로컬로 설치된 종속성에 액세스 할 수없는 경우에 발생합니다. 이로 인해 응용 프로그램 기능에서 오류와 문제가 발생할 수 있습니다. 문제는 Node.js가 모듈 구문 분석을 처리하는 방식으로 인한 것인데, 이는 개발자에게 매우 복잡하고 혼란 스러울 수 있습니다. 글로벌 NPM 모듈 종속성의 문제를 해결하는 방법은 무엇입니까? 글로벌 NPM 모듈 종속성 문제를 해결하는 몇 가지 방법이 있습니다. 가장 효과적인 방법 중 하나는 전 세계가 아닌 로컬로 패키지를 설치하는 것입니다. 이를 통해 패키지가 모든 종속성에 액세스 할 수 있습니다. 또 다른 방법은 글로벌 패키지와 로컬 종속성 사이에 상징적 링크를 생성하는 명령을 사용하는 것입니다. 이를 통해 글로벌 패키지는 전 세계적으로 설치된 것처럼 종속성에 액세스 할 수 있습니다.전 세계 및 로컬로 Node.js 패키지 설치의 차이점은 무엇입니까? Node.js 패키지를 전 세계적으로 설치하면 시스템의 중앙 위치에 설치되며 모든 Node.js 응용 프로그램에서 액세스 할 수 있습니다. 반면, 패키지를 로컬로 설치하면 현재 프로젝트의 node_modules
명령은 무엇이며 어떻게 작동합니까?명령은 NPM이 제공하는 도구로 글로벌 패키지와 지역 종속성 사이에 상징적 링크를 생성합니다. 패키지 디렉토리에서
npm link
를 실행하면 GlobalGlobal NPM 모듈 종속성 문제가 발생하는 이유는 무엇입니까? 글로벌 NPM 모듈 종속성 문제는 node.js가 모듈 구문 분석을 처리하는 방식으로 인해 발생합니다. 패키지가 전 세계적으로 설치되면 Node.js는 Global
예, Node.js 종속성을 관리하는 데 도움이되는 몇 가지 도구와 패키지가 있습니다. 예를 들어, NPM 자체는 ,npm link 로컬로 패키지를 설치하여 글로벌 NPM 모듈 종속성 문제를 피할 수 있습니까? npm link
예, 글로벌 NPM 모듈 종속성 문제를 피하는 가장 효과적인 방법 중 하나는 항상 패키지를 로컬로 설치하는 것입니다. 이를 통해 이러한 패키지는 모든 종속성에 액세스 할 수 있습니다. 그러나 특히 여러 프로젝트에서 패키지를 사용해야하는 경우 항상 실용적이거나 편리하지는 않습니다. node_modules
node.js 종속성을 관리하는 데 도움이되는 도구 나 패키지가 있습니까? 및 와 같은 여러 명령을 제공하므로 종속성을 관리하는 데 도움이됩니다. Yarn 및 Greenkeeper와 같은 타사 도구도 추가 기능을 제공합니다.
글로벌 NPM 모듈 종속성 문제를 해결하지 못할 위험은 무엇입니까? 글로벌 NPM 모듈 종속성 문제가 해결되지 않으면 응용 프로그램 기능에 오류와 문제가 발생할 수 있습니다. 또한 종속성을 관리하고 업데이트하기가 어렵 기 때문에 잠재적 인 보안 위험과 구식 패키지가 발생합니다. node_modules
글로벌 NPM 모듈 종속성 문제가 내 응용 프로그램의 성능에 영향을 미칩니 까? 패키지가 전 세계 또는 로컬로 설치되어 있는지 확인하는 방법은 무엇입니까? 명령을 사용하여 패키지가 전 세계적으로 또는 로컬로 설치되어 있는지 확인할 수 있습니다. 를 실행하면 전 세계적으로 설치된 모든 패키지가 표시됩니다. 프로젝트 디렉토리에서
를 실행하면 프로젝트에 로컬로 설치된 모든 패키지가 표시됩니다.
위 내용은 글로벌 NPM 모듈 종속성 문제를 해결하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

서론 나는 당신이 이상하다는 것을 알고 있습니다. JavaScript, C 및 Browser는 정확히 무엇을해야합니까? 그들은 관련이없는 것처럼 보이지만 실제로는 현대 웹 개발에서 매우 중요한 역할을합니다. 오늘 우리는이 세 가지 사이의 밀접한 관계에 대해 논의 할 것입니다. 이 기사를 통해 브라우저에서 JavaScript가 어떻게 실행되는지, 브라우저 엔진의 C 역할 및 웹 페이지의 렌더링 및 상호 작용을 유도하기 위해 함께 작동하는 방법을 알게됩니다. 우리는 모두 JavaScript와 브라우저의 관계를 알고 있습니다. JavaScript는 프론트 엔드 개발의 핵심 언어입니다. 브라우저에서 직접 실행되므로 웹 페이지를 생생하고 흥미롭게 만듭니다. 왜 Javascr

Node.js는 크림 덕분에 효율적인 I/O에서 탁월합니다. 스트림은 메모리 오버로드를 피하고 큰 파일, 네트워크 작업 및 실시간 애플리케이션을위한 메모리 과부하를 피하기 위해 데이터를 점차적으로 처리합니다. 스트림을 TypeScript의 유형 안전과 결합하면 Powe가 생성됩니다

파이썬과 자바 스크립트 간의 성능과 효율성의 차이는 주로 다음과 같이 반영됩니다. 1) 해석 된 언어로서, 파이썬은 느리게 실행되지만 개발 효율이 높고 빠른 프로토 타입 개발에 적합합니다. 2) JavaScript는 브라우저의 단일 스레드로 제한되지만 멀티 스레딩 및 비동기 I/O는 Node.js의 성능을 향상시키는 데 사용될 수 있으며 실제 프로젝트에서는 이점이 있습니다.

JavaScript는 1995 년에 시작하여 Brandon Ike에 의해 만들어졌으며 언어를 C로 실현했습니다. 1.C Language는 JavaScript의 고성능 및 시스템 수준 프로그래밍 기능을 제공합니다. 2. JavaScript의 메모리 관리 및 성능 최적화는 C 언어에 의존합니다. 3. C 언어의 크로스 플랫폼 기능은 자바 스크립트가 다른 운영 체제에서 효율적으로 실행하는 데 도움이됩니다.

JavaScript는 브라우저 및 Node.js 환경에서 실행되며 JavaScript 엔진을 사용하여 코드를 구문 분석하고 실행합니다. 1) 구문 분석 단계에서 초록 구문 트리 (AST)를 생성합니다. 2) 컴파일 단계에서 AST를 바이트 코드 또는 기계 코드로 변환합니다. 3) 실행 단계에서 컴파일 된 코드를 실행하십시오.

Python 및 JavaScript의 미래 추세에는 다음이 포함됩니다. 1. Python은 과학 컴퓨팅 분야에서의 위치를 통합하고 AI, 2. JavaScript는 웹 기술의 개발을 촉진하고, 3. 교차 플랫폼 개발이 핫한 주제가되고 4. 성능 최적화가 중점을 둘 것입니다. 둘 다 해당 분야에서 응용 프로그램 시나리오를 계속 확장하고 성능이 더 많은 혁신을 일으킬 것입니다.

개발 환경에서 Python과 JavaScript의 선택이 모두 중요합니다. 1) Python의 개발 환경에는 Pycharm, Jupyternotebook 및 Anaconda가 포함되어 있으며 데이터 과학 및 빠른 프로토 타이핑에 적합합니다. 2) JavaScript의 개발 환경에는 Node.js, VScode 및 Webpack이 포함되어 있으며 프론트 엔드 및 백엔드 개발에 적합합니다. 프로젝트 요구에 따라 올바른 도구를 선택하면 개발 효율성과 프로젝트 성공률이 향상 될 수 있습니다.

예, JavaScript의 엔진 코어는 C로 작성되었습니다. 1) C 언어는 효율적인 성능과 기본 제어를 제공하며, 이는 JavaScript 엔진 개발에 적합합니다. 2) V8 엔진을 예를 들어, 핵심은 C로 작성되며 C의 효율성 및 객체 지향적 특성을 결합하여 C로 작성됩니다.


핫 AI 도구

Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool
무료로 이미지를 벗다

Clothoff.io
AI 옷 제거제

Video Face Swap
완전히 무료인 AI 얼굴 교환 도구를 사용하여 모든 비디오의 얼굴을 쉽게 바꾸세요!

인기 기사

뜨거운 도구

VSCode Windows 64비트 다운로드
Microsoft에서 출시한 강력한 무료 IDE 편집기

SecList
SecLists는 최고의 보안 테스터의 동반자입니다. 보안 평가 시 자주 사용되는 다양한 유형의 목록을 한 곳에 모아 놓은 것입니다. SecLists는 보안 테스터에게 필요할 수 있는 모든 목록을 편리하게 제공하여 보안 테스트를 더욱 효율적이고 생산적으로 만드는 데 도움이 됩니다. 목록 유형에는 사용자 이름, 비밀번호, URL, 퍼징 페이로드, 민감한 데이터 패턴, 웹 셸 등이 포함됩니다. 테스터는 이 저장소를 새로운 테스트 시스템으로 간단히 가져올 수 있으며 필요한 모든 유형의 목록에 액세스할 수 있습니다.

DVWA
DVWA(Damn Vulnerable Web App)는 매우 취약한 PHP/MySQL 웹 애플리케이션입니다. 주요 목표는 보안 전문가가 법적 환경에서 자신의 기술과 도구를 테스트하고, 웹 개발자가 웹 응용 프로그램 보안 프로세스를 더 잘 이해할 수 있도록 돕고, 교사/학생이 교실 환경 웹 응용 프로그램에서 가르치고 배울 수 있도록 돕는 것입니다. 보안. DVWA의 목표는 다양한 난이도의 간단하고 간단한 인터페이스를 통해 가장 일반적인 웹 취약점 중 일부를 연습하는 것입니다. 이 소프트웨어는

SublimeText3 중국어 버전
중국어 버전, 사용하기 매우 쉽습니다.

안전한 시험 브라우저
안전한 시험 브라우저는 온라인 시험을 안전하게 치르기 위한 보안 브라우저 환경입니다. 이 소프트웨어는 모든 컴퓨터를 안전한 워크스테이션으로 바꿔줍니다. 이는 모든 유틸리티에 대한 액세스를 제어하고 학생들이 승인되지 않은 리소스를 사용하는 것을 방지합니다.
