NodeJS -初次見面(咋個辦呢 zgbn)

NodeJS npm -初次見面

已經從事IT項目經理多年,工作上已經脫離代碼好多年了,但是依然對日新月異的技術感到濃厚的興趣。由於滿足各種好奇心吧,把近期瞭解學習nodejs的一些知識積累下來,分享給小夥伴們,不忘初心,幫助新人技術小夥伴少走彎路。

nodejs的安裝

windows環境安裝

這裏先把windows下的環境安裝描寫一下,linux和mac其實大同小異,網上很多。
參考:https://www.runoob.com/nodejs/nodejs-install-setup.html
參考:http://nodejs.cn/download/

下載安裝包

下載頁面
下載msi包後,正常安裝即可。
PS:我的安裝路徑D:\Development\nodejs

配置環境變量

查看一下nodejs的路徑是否在%path%裏面,如果沒有則添加進去就可以了。
在這裏插入圖片描述

測試nodejs安裝

操作win+x進入PowerShell下面,執行node -v命令。出現返回結果告知nodejs的版本號,說明安裝成功了。
在這裏插入圖片描述

npm的使用

npm是node包的管理工具 (npm = node package manager)
參考:https://www.runoob.com/nodejs/nodejs-npm.html

查看npm版本

npm -v

在這裏插入圖片描述

npm配置

我個人不喜歡軟件中的一些文件默認安裝,所以我會手動進行一些常規的設置。主要是把一些緩存等文件放在我自定義的目錄下。
命令npm config list -l查看npm的全部的配置信息,找到一些和路徑有關係的key,進行修改。

PS C:\WINDOWS\system32> npm config list -l

注意 userconfig = "C:\\Users\\ai_zx\\.npmrc"這個文件就不要修改了。

可以修改如下key

tmp = "C:\\Users\\ai_zx\\AppData\\Local\\Temp"
globalconfig = "D:\\Development\\nodejs\\10.15.3\\etc\\npmrc"
globalignorefile = "D:\\Development\\nodejs\\10.15.3\\etc\\npmignore"
cache = "D:\\Development\\nodejs\\10.15.3\\node_cache"
prefix = "D:\\Development\\nodejs\\10.15.3"

修改命令

npm config set [key] "[值]"

使用淘寶npm鏡像

方法,定製的 cnpm (gzip 壓縮支持) 命令行工具代替默認的 npm

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

npm模塊的搜索

通過下面的方式搜索npm的一些開源包。
在控制檯中,npm search
http://npmsearch.com/
https://www.npmjs.com/

查看npm全局安裝的模塊

1.查看所有高級的npm moudles

npm list --depth=0

2.查看所有全局安裝的模塊

npm list --depth=0 -global

全局npm和本地npm

全局npm

  1. 全局npm一般在C:\Users\<username>\AppData\Roaming\npm,AppData是隱藏文件夾。

全局的npm可以通過npm config get prefix查看,可以通過·npm config set prefix “[npm_path]”·修改。

  1. 安裝全局包 (PowerShell中)
npm install <packageName> -global
或者
npm i <packageName> -g
  1. 卸載全局包 (PowerShell中)
npm uninstall <packageName> -global

本地npm

跟着項目安裝的包,就是本地包,所有安裝、卸載都應該在nodejs項目目錄下進行。

  1. 進入nodejs項目目錄下(PowerShell中)
PS D:\dev_workspace\web-workspace\my-app> pwd

Path
----
D:\dev_workspace\web-workspace\my-app
  1. 初始化本地項目(不初始化就會出錯,PowerShell中)
## 初始化,參數-y則快速初始化,不加-y參數則爲交互式初始化
npm init -y
或者
npm init
  1. npm安裝本地包(PowerShell中)
    參數:–save
    如果node版本在5.0 或者 5.0之上我們可以不用寫 如果低於5.0我們要加上--save纔會保存在package.json文件中節點dependenceies下面,表示項目部署的時候需要依賴的項。
    參數:–save-dev
    保存在package.json文件中節點devDependencies節點,表示項目在開發階段需要依賴的項,當項目上線了devDependencies中的包就不在需要了。
## 安裝包
npm install <packageName>
或者
npm install <packageName> --save
或者
npm i <packageName> --save-dev
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章