Nodejs-現在安裝你

EscapedDog 發布于2019-08-22 11:20 / 2688人閱讀

摘要：安裝現在基本上是前端工程師電腦中必裝的一款軟件了。中安裝在中安裝，最好的方式就是通過來安裝。通過上面的命令安裝完成之后，在終端中使用命令，會發現該命令無法使用。在中安裝，可以直接使用命令在中安裝，可以下載安裝包之后，一直點擊下一步。

安裝 Nodejs

現在 Nodejs 基本上是前端工程師電腦中必裝的一款軟件了。即使對 Nodejs 開發了解甚少，但是在其他開發中也會需要使用 Nodejs 中自帶的 npm 來安裝項目依賴。因此，學習安裝 Nodejs 也是前端需要掌握的一項技能了。

安裝 nvm

Nodejs 的版本升級非常快，截止到現在 LTS 版本已經更新到 8.9.3 了，而最新的版本是 9.3.0。因此，很多時候想在自己電腦中安裝多個版本的 Nodejs，一方面可以使用最新的特性，另一方面，在開發的時候使用穩定版本來開發。為了滿足上面的需求，可以在本地電腦中安裝 nvm 來解決這個問題。

nvm 的全稱是 Node.js Version Manager，翻譯成中文就是 Nodejs 版本管理工具。通過 nvm 來管理不同的 Nodejs 版本是一個不錯的選擇。如果需要獲取 nvm，可以通過 nvm 官網來獲取。

如果在自己電腦中不需要安裝多個版本的 Nodejs，也可以在 Nodejs 官方網站中下載對應的軟件進行安裝。

MAC 中安裝 nvm

在 MAC 中安裝 nvm，最好的方式就是通過 brew 來安裝 nvm。

$ brew install nvm

通過上面的命令安裝完成之后，在終端中使用 nvm 命令，會發現該命令無法使用。

$ nvm

zsh: command not found: nvm

出現這種問題的原因是沒有設置環境變量。在設置環境變量的時候一定要使用超級管理員權限，也就是使用 sudo 來配置環境變量。

$ sudo vi /etc/profile

通過上面的命令打開配置文件之后，在文件的最后插入下面的代碼 :

# For NVM
export NVM_DIR=~/.nvm
source $(brew --prefix nvm)/nvm.sh

上面是使用 vi 來進行文件的編輯操作，vi 的保存命令是 :wq。可是使用該命令，無法保存，會出現提示說這個文件是只讀的，無法進行編輯。這個時候就要使用強制保存了。

:wq!

環境變量完成修改之后，需要更新一下配置文件，這樣才能使配置文件生效。

# 更新配置文件
$ source /etc/profile

所有的配置都已經設置好了，這個時候再終端中輸入 nvm 命令就可以正常使用了。

$ nvm --version
0.33.6

此時需要安裝一個 Node.js 的版本 :

$ nvm install v8.9.0

Windows 中安裝 nvm

開始的時候，要準備安裝包。安裝包可以在 nvm官網中獲得 nvm-noinstall.zip。

獲取安裝包之后，解壓壓縮包到一個目錄中 :

我的解壓目錄：D:install
vm

下面所有的內容都是根據這個目錄做的配置。

在該目錄下創建一個 setting.txt 文件，并根據目錄生成下面的內容 :

root: D:install
vm
path: D:install
odejs
arch: 64
proxy: none

對參數的說明 :

root nvm.exe 所在的目錄

path Node.js 快捷方式所在的目錄

arch 操作系統是多少位

proxy 設置代理，none為不設置代理

為了使 nvm 命令生效，需要配置環境變量，首先創建環境變量 :

NVM_HOME       nvm.exe 所在的目錄  D:install
vm
NVM_SYMLINK    Node.js 快捷方式所在的目錄  D:install
odejs

環境變量創建完成之后，就要把環境變量加入到 Path 中，這樣才能生效 :

;%NVM_HOME%;%NVM_SYMLINK%;

nvm 安裝完成之后，就可以安裝 Node.js 了 :

$ nvm install v8.9.0

如果想更改 npm 包的安裝路徑，可以修改 .npmrc 文件。

.npmrc 文件的路徑可以通過打印該配置文件的信息來獲取 :

# 打印 .npmrc 的內容，可以在這個內容中查看到配置文件的路徑
$ npm config ls -l

修改 npm 包的安裝路徑(prefix)和包緩存的路徑(cache)，根據當前 nvm 安裝目錄，修改如下 :

cache=D:install
vm
pm-cache
prefix=D:install
vm
pm

修改完成之后，同樣樣配置環境變量，才能使配置生效 :

NPM_HOME  # npm包的安裝路徑  D:install
vm
pm
%NPM_HOME% # 在 Path 中插入新的環境變量

nvm 的使用

命令	說明
nvm ls	查看本地安裝的所有 Node.js 的版本
nvm --version	查看 nvm 的版本
nvm install	安裝對應版本的 Node.js，如 nvm install 5.7.0
nvm uninstall	卸載對應版本的 Node.js，如 nvm uninstall 5.7.0
nvm use	使用指定版本的 Node.js，如 nvm use 5.7.0

nrm切換npm安裝源

如果不愿使用 nrm 切換安裝源，可以使用 yarn 來代替

在國內，使用 npm 安裝包的時候，網速一般非常慢。如果想讓網速快點，可以使用 nrm 來切換包的安裝源地址來解決。

首先需要全局安裝 nrm :

$ npm install nrm -g

nrm 的使用方式 :

命令	說明
nrm ls	列出所有的安裝源
nrm test	測試所有安裝源的響應時間，一般時間越短越好
nrm use taobao	使用名字為 taobao 的安裝源

補充 : 如果不能正常安裝，可以手動指定使用淘寶源

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

安裝yarn

如果不愿安裝 yarn，可以使用 nrm 來代替。

在 MAC 中安裝 yarn，可以直接使用命令 :

$ brew install yarn --without-node

在 Windows 中安裝 yarn，可以下載安裝包之后，一直點擊下一步。

安裝完成之后，可以查看 yarn 的版本號 :

$ yarn -v
1.2.1

MAC 后續升級非常方便，只需要使用命令即可 :

$ brew upgrade yarn

Windows 升級，可能就需要重新下載安裝包了。

npm與yarn命令對比

npm 命令和 yarn 命令還是有很多區別的，這里只列出常用的幾個命令 :

npm	yarn
npm install	yarn install
npm install --save [package]	yarn add [package]
npm install --save-dev [package]	yarn add [package] [--dev/-D]
npm install --global [package]	yarn global add [package]
npm uninstall --save [package]	yarn remove [package]
npm uninstall --save-dev [package]	yarn remove [package]

GPU云服務器云服務器現在你對大數據現在發現你的優勢 nodejs安裝手動安裝nodejs

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/92200.html

node.js環境搭建與配置的那些坑

摘要：然后我們在看看環境變量配置我的系統變量中的以及是安裝的根目錄而且我沒有在系統變量中添加任何的什么的那些鬼玩意。開始學習vue框架，要求搭建node環境初學者遇到很多的問題，現在知其然也讓你知其所以然。來上步驟與截圖安裝node (1)安裝node網上很多你們可以參考很多文章，我就不多說，一直下一步就好了，但是我們IT碼農都潔癖---不想安裝在系統盤C盤路徑下。于是我安裝到了D：...

winterdawn 2019-08-20 17:28 評論0 收藏0
Mac OS X下安裝Vue腳手架（vue-cli）

摘要：下面來就來講講腳手架的安裝吧。如何安裝安裝只需要在終端下輸入下面一條命令自帶不需要安裝安裝完成后使用即可。原因是的問題，要求版本是。想用安裝，就必須用安裝一下。前言 Vue作為前端三大框架（Angular，React，Vue）之一，號稱是最簡單，最容易上手的框架，同時也是行內的大趨勢，還可以用來開發最火的小程序。具有開發快，雙向數據流等特點，有些人認為Vue是Angular和Reac...

terasum 2019-07-01 10:48 評論0 收藏0
Mac OS X下安裝Vue腳手架（vue-cli）

摘要：下面來就來講講腳手架的安裝吧。如何安裝安裝只需要在終端下輸入下面一條命令自帶不需要安裝安裝完成后使用即可。原因是的問題，要求版本是。想用安裝，就必須用安裝一下。前言 Vue作為前端三大框架（Angular，React，Vue）之一，號稱是最簡單，最容易上手的框架，同時也是行內的大趨勢，還可以用來開發最火的小程序。具有開發快，雙向數據流等特點，有些人認為Vue是Angular和Reac...

CoderStudy 2019-08-23 12:20 評論0 收藏0