VUE學習筆記:環境準備

原文鏈接:VUE學習筆記:環境準備
轉載請註明出處:simiam.com

1. Node

Node是JavaScript語言的服務器運行環境。

所謂“運行環境”有兩層意思:首先,JavaScript語言通過Node在服務器運行,在這個意義上,Node有點像JavaScript虛擬機;其次,Node提供大量工具庫,使得JavaScript語言與操作系統互動(比如讀寫文件、新建子進程),在這個意義上,Node又是JavaScript的工具庫。

Node內部採用Google公司的V8引擎,作爲JavaScript語言解釋器;通過自行開發的libuv庫,調用操作系統資源。

1.1. 安裝與更新

  • 安裝方式一:訪問官方網站nodejs.org或者Github源碼,查看Node的最新版本和安裝方法。
  • 安裝方式二:通過官方網站提供編譯好的各平臺下的二進制包,可以把它們解壓到/usr/local/lib/nodejs目錄下面,具體過程如下:
# 如macOS下的二進制包
sudo mkdir -p /usr/local/lib/nodejs
sudo cd /usr/local/lib/nodejs
sudo wget https://nodejs.org/dist/v10.15.3/node-v10.15.3-darwin-x64.tar.gz
sudo tar -zxvf node-v10.15.3-darwin-x64.tar.gz

# 設置環境變量,如在~/.profile文件末尾增加如下內容:
export PATH=/usr/local/lib/nodejs/node-v10.15.3-darwin-x64/bin:$PATH

# 執行如下命令使配置生效:
. ~/.profile

# 測試安裝是否成功
node -v
npm version
npx -v

  • 更新方式:更新node.js版本,可以通過node.js的n模塊完成,具體過程如下:
# 通過npm安裝n模塊
sudo npm install n -g

# 通過n模塊,將node.js更新爲最新發布的穩定版
sudo n stable

# n模塊也可以指定安裝特定版本的node
sudo n 10.10.21

1.2. 基本用法

  • 安裝環境搭建完成後,運行node.js程序,其實就是使用node命令讀取解析執行JavaScript腳本。比如當前目錄存在一個demo.js腳本文件,可以這樣執行:
$ node demo
# 或者
$ node demo.js
  • 使用-e參數,可以執行代碼字符串:
$ node -e 'console.log("Hello World")'
# 執行輸出結果爲:Hello World

1.3. REPL環境

REPL是Node.js與用戶互動的shell,各種基本的shell功能都可以在裏面使用,比如使用上下方向鍵遍歷曾經使用過的命令。

在命令行鍵入node命令,後面沒有文件名,就進入一個Node.js的REPL環境(Read–eval–print loop,”讀取-求值-輸出”循環),可以直接運行各種JavaScript命令:

$ node
> 1+1
2
>

# 特殊變量下劃線(_)表示上一個命令的返回結果
> _ + 1
3

# 在REPL中,如果運行一個表達式,會直接在命令行返回結果。如果運行一條語句,就不會有任何輸出,因爲語句沒有返回值。
# 如下面代碼的第二條命令,沒有顯示任何結果。因爲這是一條語句,不是表達式,所以沒有返回值

> x = 1
1
> var x = 1

2. 模塊包管理器npm

npm是Node的模塊管理器,功能極其強大,它是Node獲得成功的重要原因之一。npm是隨node一起發佈安裝的,不需要單獨安裝。正因爲有了npm,我們只要使用如下一行命令,就能安裝或更新別人寫好的模塊。

# 安裝新模塊
sudo npm install module_name@version [-g]
# 更新新模塊
sudo npm update module_name@version [-g]

參數選項-g代表是全局安裝,即會安裝到/usr/local/lib/node_modules目錄下,如果不加則爲本地安裝,會將模塊安裝在當前目錄的node_modules目錄下。

2.1. npm自身版本更新

因爲在安裝Node的時候,會連帶一起安裝npm。但是Node附帶的npm可能不是最新版本,最好用下面的命令,更新到最新版本。

$ npm install npm@latest -g

上面的命令中,@latest表示最新版本,-g表示全局安裝。所以,命令的主幹是npm install npm,也就是使用npm安裝自己。之所以可以這樣,是因爲npm本身與Node的其他模塊沒有區別,其本質上也是一個node模塊,因此可以通過npm命令來進行版本更新。

然後,運行下面的命令,查看各種信息。

# 查看 npm 命令列表
$ npm help

# 查看各個命令的簡單用法
$ npm -l

# 查看 npm 的版本
$ npm -v

# 查看 npm 的配置
$ npm config list -l

3. 版本管理工具nvm

如果想在同一臺機器,同時安裝多個版本的node.js,就需要用到版本管理工具nvm。

3.1. 安裝與更新

$ git clone https://github.com/creationix/nvm.git ~/.nvm
$ source ~/.nvm/nvm.sh

安裝以後,nvm的執行腳本,每次使用前都要激活,建議將其加入~/.bashrc文件(假定使用Bash)。激活後,就可以安裝指定版本的Node,命令如下:

# 安裝最新版本
$ nvm install node

# 安裝指定版本
$ nvm install 0.12.1

# 使用已安裝的最新版本
$ nvm use node

# 使用指定版本的node
$ nvm use 0.12

nvm也允許進入指定版本的REPL環境(Read–eval–print loop,”讀取-求值-輸出”循環):

REPL是Node.js與用戶互動的shell,各種基本的shell功能都可以在裏面使用,比如使用上下方向鍵遍歷曾經使用過的命令。

$ nvm run 0.12

如果在項目根目錄下新建一個.nvmrc文件,將版本號寫入其中,就只輸入nvm use命令即可,不再需要附加版本號。

下面是其他經常用到的nvm使用命令:

# 查看本地安裝的所有版本
$ nvm ls

# 查看服務器上所有可供安裝的版本。
$ nvm ls-remote

# 退出已經激活的nvm,使用deactivate命令。
$ nvm deactivate

參考文獻

轉載請註明出處:simiam.com


分享一個人工智能教程。零基礎!通俗易懂!風趣幽默!希望你也加入到人工智能的隊伍中來!點擊瀏覽教程

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章