찾다
웹 프론트엔드CSS 튜토리얼명령 줄을 깊이 살펴보십시오

명령 줄을 깊이 살펴보십시오

우리는 NPM의 의미와 웹 개발의 역할과 위치에 대해 배웠습니다. 다음으로, 우리는 NPM과 상호 작용하는 방식이므로 명령 줄을 이해하는 데 시간이 걸릴 것입니다.

가이드 챕터

  1. 이 안내서는 누구입니까?
  2. "NPM"은 무엇을 의미합니까?
  3. 명령 줄은 무엇입니까? (현재 위치!)
  4. 노드 란 무엇입니까?
  5. 패키지 관리자 란 무엇입니까?
  6. NPM을 설치하는 방법?
  7. NPM 패키지를 설치하는 방법?
  8. NPM 명령은 무엇입니까?
  9. 기존 NPM 프로젝트를 설치하는 방법은 무엇입니까?

명령 줄 개요

명령 줄은 컴퓨터가 직접 실행할 (예기치 않게) 명령을 입력 할 수있는 장소입니다. 매우 빠르며 귀하를 위해 명령 줄을 처리하려는 대부분의 응용 프로그램보다 관리자 권한이 높습니다. 시스템에 무언가를 설치하거나 업데이트해야합니까? 명령 줄은 이것을 제거 할 수는 없지만 제거 할 수 있습니다. 서버 측 언어조차도 명령 줄에서 실행될 수있어 다양한 도구와 개발 기술을 열어줍니다.

이러한 이유로, 명령 줄은 많은 개발자에게 없어야 할 필요가없는 도구로 간주됩니다. 당신이 개발자가 아니더라도 어느 시점에서 명령 줄을 만났을 것입니다. MacOS에서 터미널 응용 프로그램을 열었을 때 방문했을 수도 있습니다. 코드 편집기에 직접 구축 된 명령 줄을 사용하고 있으며 코드와 다른 많은 코드 편집기에는 통합 터미널이 제공됩니다. 어쩌면 당신은 iterm 또는 hyper와 같은 타사 터미널 응용 프로그램을 발견했을 수도 있습니다.

터미널을 사용한 경우, 대부분의 명령 줄 사용량은 다른 사람이 준 명령을 입력하거나 붙여 넣을 수 있습니다. 이것은 좋습니다. 보통 우리가 일을 끝내는 방법.

그러나 명령 줄이 무엇인지 , 왜 그렇게 널리 사용되는지 이해해 보자.

명령 줄 및 터미널

"Command Line"과 "Terminal"은 기술적으로 두 가지 다른 두 가지와 매우 다른 것이지만 종종 상호 교환 적으로 사용됩니다. 또한 명령 줄을 "쉘"이라고 들거나 "CLI"로 약칭되는 것을 알 수 있으며, 이는 "명령 줄 인터페이스"의 약자입니다.

이러한 핵심 차이를 제쳐두고이 용어는 종종 거의 동일하게 의미하는 데 사용됩니다. 따라서 가능한 한 간단하기 위해서는 지금부터 서로 교환 적으로 사용할 것입니다.

명령 줄을 엽니 다

왜 당신이 그것을 호출하고 싶든, 당신은 명령 줄을 무서운 창, 아마도 검은 색 배경과 흰색 (때로는 녹색) 텍스트라고 생각할 수 있습니다.

명령 줄에서 어디서 어떻게 작동하는지에 따라 눈에 띄는 것은 주목할만한 것은 달러 표시 문자 $입니다. $ 타이핑을 시작할 수있는 첫 번째 줄에 표시됩니다. 다른 기사 나 문서에서도 볼 수도 있습니다.

일반적으로 $ 문자를 명령의 접두사로 사용하는 것은 관습입니다. 그러나 이것은 실제로 혼란스러운 협약입니다. 입력 할 필요가 없기 때문입니다. 실제로 명령의 일부가 아닙니다 . 대신 $는 터미널에서 실행하라는 명령을 나타냅니다.

따라서 명령 줄을 사용하는 것에 대한 첫 번째 규칙은 다음과 같습니다. $ 캐릭터가 포함 된 지침을 입력하거나 복사하는 경우,이를 업무에 포함시킬 필요가 없습니다.

 <code>## 无需复制$ $ npm run build</code>

>, _ 또는 화살표와 같은 $ 대신 줄을 시작하는 다른 문자가 표시 될 수 있습니다. 다시 말하지만, 그것이 무엇이든간에, 그것은 직접 입력하거나 명령 줄에 붙여 넣는 것이 아닙니다. 문서 나 다른 튜토리얼에 시작 문자 라인이 포함되어야하는지 여부는 완전히 다른 토론입니다 (Chris는이를 자세히 논의했습니다). 어느 쪽이든, 그것은 혼란 스러울 수 있으므로 이것이 지적되도록하고 싶습니다.

명령 줄은 무엇을 할 수 있습니까?

영화와 TV 쇼는 종종 터미널을 어둡고 외딴 방에서 해커가 사용하는 빠른 타이핑 도구로 묘사합니다. 이것의 일부는 단순히 매트릭스의 실제 터미널과 캐스케이드 문자의 차이를 모르는 사람들에게 좋은 오락을 제공하기 때문입니다. (그들도 마찬가지입니다. TV 쇼에 묘사 된 수술이 정확한 지 알 수 없으며 완전한 만족으로 전문가 에게이 차이를 남겨 두십시오.)

그러나 명령 줄은 코드를 작성하는 데 전적으로 사용되지 않습니다. "명령 줄"이라는 이름에서 알 수 있듯이 명령을 작성하는 데 사용됩니다. 나는 당신이 모든 인코딩 이 어느 정도 명령이라고 말할 수 있다고 생각할 수 있으므로 이것은 의심 할 여지없이 흐릿한 선입니다. 그러나 일반적으로 터미널의 코드는 코드 편집기와 다르게 작성됩니다. 대신 터미널을 사용하여 컴퓨터가 즉시 실행하려는 명령을 실행하도록 지시합니다.

명령 줄의 장점

개발자가 왜 명령 줄에서 일하는 것을 좋아하는지 궁금 할 것입니다. 멋진 앱 또는 그래픽 사용자 인터페이스 (짧은 경우 GUI, 때로는 "Gooey"로 발음)를 선호 할 수 있으며, 여기서 모든 옵션을 보고 직관적으로 가장 좋은 옵션을 찾을 수 있습니다. 이것은 절대적으로 괜찮습니다. 우리는이 장에서 GUI를 논의하고 몇 가지 예를 제공 할 것입니다.

많은 개발자들이 그렇게 보이지 않더라도 이런 식으로 느낍니다. 그러나 명령 줄에서 작업하면 시각적 애플리케이션이 항상 복제하기 쉬운 것은 아닙니다.

그것은 당신에게 신과 같은 시스템 권한을 제공합니다

명령 줄은 컴퓨터 과학 노동자들이 "특권 환경"이라고 부르는 것입니다. 이것은 예일 형제애를 말하는 것처럼 들릴지 모르지만 단순히 가드 레일이없는 곳에 제한이 거의없는 곳입니다.

이곳은 명령 줄의 평판이 나오는 곳입니다. 명령이 입력 한 것이 무엇이든, 작동하는 한 즉시 실행되며 종종 돌이킬 수 없습니다. 운영 체제가 편집을 차단하려고 시도하는 숨겨진 파일과 상호 작용할 수 있습니다. 시스템의 모든 것에 액세스 할 수 있습니다. 원격 서버에서 유사한 핵심 파일과 상호 작용할 수도 있습니다. 우리는 모두 잠언을 알고 있습니다. 큰 책임은이 힘과 함께 제공됩니다.

명령 줄을 게으른 경비원으로 취급하는 것이 도움이 될 수 있습니다. 그것은 당신이 당신이하고있는 일을 항상 알고 있다고 가정하고 입구를 직접 통과 할 수 있다고 가정합니다. 그것은 실제로 약간 위험한 것입니다. 그러나 그것은 또한 특정 작업과 프로젝트에 매우 강력하고 완벽하게 만듭니다.

매우 빠릅니다

일반적인 애플리케이션에 대한 명령 줄의 또 다른 장점은 매우 빠르다는 것 입니다.

이것이 항상 그런 것은 아닙니다. 그러나 더 빨라 지면 보통 몇 배 더 빠를 수 있습니다. 또한 명령 줄의 실제 플래시는 종종 코드 프로젝트에 가장 빠른 속도, 즉 파일을 다운로드하고 작성하는 곳입니다.

이 안내서의 다른 장에서 볼 수 있듯이 NPM의 핵심 부분은 컴퓨터에 물건을 설치하는 것입니다 (일반적으로 작업중인 프로젝트의 지정된 폴더에). 그렇기 때문에 Command Line이 NPM과 같은 패키지 관리자 (이것이 의미하는 바)와 잘 어울리는 이유입니다. 컴퓨터간에 파일을 다운로드하고 전송하는 것은 브라우저를 사용하여이를 수행하는 것보다 훨씬 빠르고 훨씬 빠릅니다 .

명령 줄을 사용하면 NPM은 놀라운 속도로 많은 양의 파일을 생성 할 수 있습니다. 이 파일을 동시에 설치, 업데이트 또는 삭제하기 위해 번개 속도에서 단일 명령을 실행하는 기능으로 인해 터미널이 많은 작업에 가장 빠르고 효과적인 도구가됩니다.

다른 언어가 할 수없는 일을 할 수 있습니다

터미널에서 작업하는 또 다른 이유는 프로젝트에서 사용하려는 많은 도구를 추가 설정없이 사용할 수 있기 때문입니다.

그러나 조금 검토합시다.

"서버 측 언어"라는 문구를 들으면 PHP, Ruby 또는 Java를 생각할 수 있습니다. 아마도 녹 또는 이동과 같은 새로운 필드 멤버 일 것입니다. 당신은 이미 노드가 목록에 속한다는 것을 이미 알고있을 수도 있지만, 그렇지 않다면 조금 미리 나를 용서하십시오.

어쨌든, 대부분의 사람들이 이러한 서버 측 언어를 생각할 때, 그들은 요청을 기다린 다음 그에 응답하는 웹 서버를 생각하는 경향이 있습니다. 예를 들어, WordPress는 PHP를 시작하라는 요청을받을 때까지 유휴 상태입니다. 새 트윗을 보낼 때, 그것은 트위터 서버에 대한 요청입니다. 결국 Ruby Method에 도착합니다.

서버 측 언어는 웹 언어보다 강력한 것으로 간주됩니다. HTML, CSS 및 JavaScript는 훌륭하지만 파일 시스템을 처리하고, 이메일을 보내거나, 이미지를 발행하거나, 시스템 명령을 발행하거나, 운영 체제와 상호 작용하거나, 응용 프로그램이나 웹 사이트가 해야하는 기타 많은 것들; 기본적으로 브라우저의 JavaScript는 브라우저에서 웹 페이지를 적극적으로 보지 않으면 브라우저의 JavaScript 가 실행 되지 않습니다.

서버 측 언어는 일반적으로보다 강력한 응용 프로그램과 소프트웨어의 강력한 엔진으로 간주됩니다. 그리고 많은 경우에 이것은 정확합니다. 그러나 코드를 실행하기 위해서는 컴퓨터가 서버라는 것을 깨닫기 위해 잠시 시간을 내겠습니다. 서버는 아니지만 (하나 일 수도 있지만 이상하고 아마도 현명하지 않을 것입니다). 그러나 어쨌든 서버입니다.

우리가 언급 한 서버 측 언어를 설치하고 실행할 수 있습니다. 어쩌면 어느 시점에서 그렇게했을 수도 있습니다. WordPress를 실행할 수 있도록 PHP를 설치했을 수도 있고 (지금이 작업을 수행 할 수있는 더 좋은 방법이 있지만) Ruby를 설치하여 레일의 튜토리얼을 따라 가면 몇 가지 이름을 지정할 수 있습니다.

아니면 아닐 수도 있습니다. 어쩌면 이전에 전체 프로그래밍 언어를 설치 한 적이 없었을 수도 있습니다. 어느 쪽이든, 이러한 언어는 웹 브라우저가 아닌 서버에서 실행된다는 것을 알고 있습니다. 따라서 시스템은 서버입니다.

그 외에도 CSS 컴파일을위한 SASS와 같은 개발 워크 플로우에 사용하려는 많은 도구는 실제로 서버 측 언어 실행됩니다. 따라서 명령 줄을 사용하여 언제든지 가장 강력한 도구를 사용할 수있는 곳에 배치하십시오.

명령 줄 대신 응용 프로그램을 사용하십시오

우리는이 기사 전에 GUI를 간단히 소개합니다. 일부 명령 줄 작업에는 명령 줄이보다 직관적이고 프로그래밍 방식으로 작동하는 해당 GUI가 있다는 점은 주목할 가치가 있습니다.

좋은 예로는 GitHub 데스크탑 (코드 리포지토리 관리)과 Codekit (처리, 번들링 및 컴파일 자산)이 있습니다. 이러한 GUI는 종종 특정 작업에 중점을 두지 만 아름다운 시각적 사용자 인터페이스를 통해 터미널 창 외부의 실제 애플리케이션 창에서 작업을 완료 할 수 있습니다.

GUI는 옵션으로 훌륭하며 수년에 걸쳐 명령 줄에서 작업하는 데 익숙해졌지만 여전히 Command Line이 가능한 일을하기 위해 더 많은 GUI를 갖기를 원합니다.

그러나 더 이상 그러한 응용 프로그램이 없다고 생각하는 이유는 속도입니다. CLI (Command Line Interface)를 구축하는 것은 완전한 응용 프로그램을 구축하는 것보다 훨씬 빠르고 쉽습니다. 일반적으로 몇 배 더 빠릅니다. 그래서 오늘 우리가 좋은 것을 얻고 싶다면, 명령 줄은 보통 우리가 가야 할 곳입니다.

다음 단계

우리는 지휘 행에 익숙해지는 데 시간을 보냈습니다. 명령 줄이 NPM에 따라 다르지 않더라도 NPM 작업의 핵심입니다. 그것은 우리가 시스템에 무엇을 해야하는지 알려주는 인터페이스이며, 시스템이나 서버 수준에서 매우 빠른 속도로 많은 작업을 완료 할 수있는 놀라운 능력을 제공합니다. 패키지 관리자로서 NPM은 웹 프로젝트에 파일 (및 기타 사항)을 설치, 업데이트 및 삭제하는 책임이 있습니다. 명령 줄은 이러한 모든 작업을 수행하기 위해 NPM과 통신하는 방법입니다.

다음으로, 우리는 약어의 첫 번째 문자에 초점을 맞추면 NPM이 무엇인지보다 자세히 설명합니다. "N"은 노드를 나타냅니다. 그게 뭐야, 왜 그 이름이 있습니까? 이것이 우리가 다음에주의를 기울이는 것입니다.

← 2 장 4 장 →

위 내용은 명령 줄을 깊이 살펴보십시오의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
CSS 그리드는 무엇입니까?CSS 그리드는 무엇입니까?Apr 30, 2025 pm 03:21 PM

CSS 그리드는 복잡하고 반응이 좋은 웹 레이아웃을 만드는 강력한 도구입니다. 디자인을 단순화하고 접근성을 향상 시키며 이전 방법보다 더 많은 제어를 제공합니다.

CSS Flexbox 란 무엇입니까?CSS Flexbox 란 무엇입니까?Apr 30, 2025 pm 03:20 PM

기사는 반응 형 설계에서 공간의 효율적인 정렬 및 분포를위한 레이아웃 방법 인 CSS Flexbox에 대해 설명합니다. Flexbox 사용을 설명하고 CSS 그리드와 비교하고 브라우저 지원 세부 사항을 설명합니다.

CSS를 사용하여 웹 사이트를 반응하게 만드는 방법은 무엇입니까?CSS를 사용하여 웹 사이트를 반응하게 만드는 방법은 무엇입니까?Apr 30, 2025 pm 03:19 PM

이 기사는 Viewport Meta 태그, 유연한 그리드, 유체 미디어, 미디어 쿼리 및 상대 장치를 포함하여 CSS를 사용하여 반응 형 웹 사이트를 만드는 기술에 대해 설명합니다. 또한 CSS 그리드 및 Flexbox를 함께 사용하여 CSS 프레임 워크를 권장합니다.

CSS 박스 크기 부동산은 무엇을합니까?CSS 박스 크기 부동산은 무엇을합니까?Apr 30, 2025 pm 03:18 PM

이 기사는 요소 치수 계산 방법을 제어하는 ​​CSS 박스 크기 속성에 대해 설명합니다. Content-Box, Border-Box 및 Padding-Box와 같은 값과 레이아웃 설계 및 형태 정렬에 미치는 영향을 설명합니다.

CSS를 사용하여 어떻게 애니메이션 할 수 있습니까?CSS를 사용하여 어떻게 애니메이션 할 수 있습니까?Apr 30, 2025 pm 03:17 PM

기사는 CSS, 주요 특성 및 JavaScript와 결합 된 애니메이션 작성에 대해 논의합니다. 주요 문제는 브라우저 호환성입니다.

CSS를 사용하여 프로젝트에 3D 변환을 추가 할 수 있습니까?CSS를 사용하여 프로젝트에 3D 변환을 추가 할 수 있습니까?Apr 30, 2025 pm 03:16 PM

기사는 3D 변환, 주요 속성, 브라우저 호환성 및 웹 프로젝트에 대한 성능 고려 사항에 대한 CSS 사용에 대해 논의합니다. (문자 수 : 159)

CSS에 기울기를 추가 할 수있는 방법은 무엇입니까?CSS에 기울기를 추가 할 수있는 방법은 무엇입니까?Apr 30, 2025 pm 03:15 PM

이 기사는 CSS 그라디언트 (선형, 방사형, 반복)를 사용하여 웹 사이트 비주얼을 향상시키고 깊이, 초점 및 현대적인 미학을 추가합니다.

CSS의 의사 요소는 무엇입니까?CSS의 의사 요소는 무엇입니까?Apr 30, 2025 pm 03:14 PM

기사는 CSS의 의사 요소, HTML 스타일을 향상시키는 데 사용 및 의사 급의 차이점에 대해 설명합니다. 실제 사례를 제공합니다.

See all articles

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

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

AI Clothes Remover

AI Clothes Remover

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

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

Video Face Swap

Video Face Swap

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

뜨거운 도구

DVWA

DVWA

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

맨티스BT

맨티스BT

Mantis는 제품 결함 추적을 돕기 위해 설계된 배포하기 쉬운 웹 기반 결함 추적 도구입니다. PHP, MySQL 및 웹 서버가 필요합니다. 데모 및 호스팅 서비스를 확인해 보세요.

SublimeText3 중국어 버전

SublimeText3 중국어 버전

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

SecList

SecList

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

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)