@Author:Runsen

@Date：2019/12/05

作者介紹：Runsen目前大三下學(xué)期，專業(yè)化學(xué)工程與工藝，大學(xué)沉迷日語，Python， Java和一系列數(shù)據(jù)分析軟件。導(dǎo)致翹課嚴(yán)重，專業(yè)排名中下。.在大學(xué)60%的時間，都在CSDN。決定今天比昨天更加努力。

文章目錄

• 創(chuàng)建項(xiàng)目
• • 安裝cnpm
• 安裝
• • 本地安裝
  • 全局安裝
• npx
• 設(shè)置項(xiàng)目的信息
• 如何提供一個API

創(chuàng)建項(xiàng)目

數(shù)以百萬計(jì)的開發(fā)人員使用npm或yarn 來構(gòu)建項(xiàng)目。運(yùn)行npm init或npx create- response -app等命令幾乎構(gòu)建JS項(xiàng)目的首選方式

由于我們中的許多人每天都使用npm，從長遠(yuǎn)來看，即使節(jié)省少量的時間也會產(chǎn)生顯著的影響。

換源：npm install -g cnpm --registry=https://registry.npm.taobao.org

安裝cnpm

• 安裝cnpm替換npm（npm由于源服務(wù)器在國外，下載node包速度較慢，cnpm使用國內(nèi)鏡像）：

npm install -g cnpm --registry=https://registry.npm.taobao.org

查看cnpm版本

C:\Users\YIUYE>cnpm -v cnpm@6.1.0 (D:\nodejs\node_global\node_modules\cnpm\lib\parse_argv.js) npm@6.11.3 (D:\nodejs\node_global\node_modules\cnpm\node_modules\npm\lib\npm.js) node@10.15.3 (D:\nodejs\node.exe) npminstall@3.23.0 (D:\nodejs\node_global\node_modules\cnpm\node_modules\npminstall\lib\index.js) prefix=D:\nodejs\node_global win32 x64 10.0.18362 registry=https://r.npm.taobao.org

如果我們需要通過 cnpm 去安裝一個包時，舉例如下：

cnpm i vue

解釋： i 指的就是 install。

安裝

npm 的包安裝分為本地安裝（local）、全局安裝（global）兩種，從敲的命令行來看，差別只是有沒有-g而已，比如

npm install express # 本地安裝 npm install express -g # 全局安裝

本地安裝

將安裝包放在 ./node_modules 下（運(yùn)行 npm 命令時所在的目錄），如果沒有 node_modules 目錄，會在當(dāng)前執(zhí)行 npm 命令的目錄下生成 node_modules 目錄。

可以通過 require() 來引入本地安裝的包。

全局安裝

將安裝包放在 /usr/local 下或者你 node 的安裝目錄。

可以直接在命令行里使用。

查看安裝信息
你可以使用以下命令來查看所有全局安裝的模塊：

$ npm list -g

如果要查看某個模塊的版本號，可以使用命令如下：

$ npm list express

每個包里面都有package.json 位于模塊的目錄下，用于定義包的屬性。

express 包的 package.json 文件，位于 node_modules/express/package.json 內(nèi)容：

下面npm install 的簡寫

• 安裝 ?—? 常規(guī)：npm install，簡寫：npm i。
• 測試 ?—? 常規(guī)：npm test，簡寫：npm t。
• 幫助 ?—? 常規(guī)：npm --help，簡寫：npm -h。
• 搜索 -— 常規(guī)：npm search express 簡寫: npm -s
• 全局標(biāo)志 —? 常規(guī)： --global，簡寫：-g。
• 保存為開發(fā)依賴 - 常規(guī)： - save-dev，簡寫：-D。
• npm init 默認(rèn)值 - 常規(guī)：npm init --yes 或 npm init --force，簡寫：npm init -y 或 npm init -f

如果需要在本地保存一個npm包，或者通過單個文件下載選擇一組可用的包，可以使用–save-bundle或-B將它們捆綁在一起，并使用npm pack獲得捆綁包。

.符號通常用于表示應(yīng)用程序的根目錄，npm術(shù)語中的應(yīng)用程序入口點(diǎn)，即package.json中指定為“main”的值，就是創(chuàng)建項(xiàng)目的index.js

{ "main": "index.js"}

npx

npm 從5.2版開始，增加了 npx 命令。它有很多用處，Node 自帶 npm 模塊，所以可以直接使用 npx 命令，如果報(bào)錯就要手動安裝一下。

npm install -g npx

Mocha是JavaScript的一種單元測試框架，假如有一個場景，項(xiàng)目中(項(xiàng)目內(nèi)部，不是全局)安裝了測試工具M(jìn)ocha，我想在項(xiàng)目中調(diào)用 Mocha ，怎么調(diào)用？

之前解決辦法：只能在項(xiàng)目腳本和 package.json 的scripts字段里面， 如果想在命令行下調(diào)用，只能像下面這樣調(diào)用

./node_modules/.bin/mocha -v

看到這里，是不是感覺調(diào)用很麻煩？所以出現(xiàn)了npx，讓項(xiàng)目內(nèi)部安裝的模塊用起來更方便，只要像下面這樣調(diào)用就行了

npx mocha -v

如果需要創(chuàng)建react項(xiàng)目，

老方法：

npm install -g create-react-app create-react-app my-app

這里一般采用npx方式：

npx create-react-app my-app

這條命令會臨時安裝 create-react-app 包，命令完成后create-react-app 會刪掉，不會出現(xiàn)在 global 中。下次再執(zhí)行，還是會重新臨時安裝。

設(shè)置項(xiàng)目的信息

當(dāng)運(yùn)行npm init開始一個新項(xiàng)目時，你可能會發(fā)現(xiàn)自己一次又一次地輸入配置細(xì)節(jié)。

假如，你可能是項(xiàng)目的主要負(fù)責(zé)人。有時為了節(jié)省時間，可以為這些字段設(shè)置默認(rèn)值，如下所示：

npm config set init.author.name "Runsen" npm config set init.author.email 253510364@qq.com" npm config set init.author.url "Joebloggs.com" npm config set init.license "MIT"

如果要編輯全局npm設(shè)置，使用npm config edit -g。

如何提供一個API

首先這里確定所要提供的api是我們最常用的json格式，所以我們要注意后端返回給前端的數(shù)據(jù)類型。

const http = require('http');const data = {name: 'Runsen Nodejs 入門示例',description: '這是返回信息的描述內(nèi)容',date: new Date() };http.createServer((req, res) => {res.setHeader('Content-Type', 'application/json;charset=utf-8');const result = JSON.stringify(data);res.end(result); }).listen(8000, ()=> {console.log('listen on 8000!'); })

總結(jié)

以上是生活随笔為你收集整理的二十四、创建Node项目，深入Nodejs的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。