目錄
什么是Node.js
什么是Npm
Node.js環境搭建
下載
解壓
配置環境變量
npm配置
如何運行下載的Node.js項目
什么是Node.js
在 Node.js 之前,JavaScript 只能運行在瀏覽器中,作為網頁腳本使用,為網頁添加一些特效,或者和服務器進行通信。有了 Node.js 以后,JavaScript 就可以脫離瀏覽器,像其它編程語言一樣直接在計算機上使用,想干什么就干什么,再也不受瀏覽器的限制了。
Node.js 不是一門新的編程語言,也不是一個 JavaScript 框架,它是一套 JavaScript 運行環境,用來支持 JavaScript 代碼的執行。用編程術語來講,Node.js 是一個 JavaScript 運行時(Runtime)。
Node.js是一個基于Chrome V8引擎的[JavaScript運行環境]。Node.js使用了一個事件驅動、非阻塞式I/O 的模型。Node.js是一個讓JavaScript運行在服務端的開發平臺,它讓JavaScript成為與PHP、Python、Perl、Ruby等服務端語言平起平坐的腳本語言。不能再將它視為一種“小玩意”。
1)Node.js依賴JavaScript運行環境,開發語言是:Javascript
2)J2EE依賴Java運行環境,開發語言是:Java
什么是Npm
npm(Node.js Package Manager)是一個Node.js的包管理工具,用來解決Node.js代碼部署問題。在安裝Node.js時會自動安裝相應的npm版本,不需要單獨安裝。使用npm包管理工具可以解決如下場景的需求:
允許用戶從NPM服務器下載他人編寫的第三方包到本地使用。
允許用戶從NPM服務器下載并安裝他人編寫的命令行程序到本地使用。
允許用戶將自己編寫的包或命令行程序上傳到NPM服務器供他人使用。
npm==maven 有點類似
Node.js環境搭建
下載
下載地址:Node.js — Download Node.js?
注1:Node有兩個版本線: LTS是長期維護的穩定版本Current是新特性版本
解壓
將下載的node-v10.15.3-win-x64.zip解壓到指定目錄中,并在解壓后的目錄下建立node_global和node_cache這兩個目錄。
node_global:npm全局安裝位置;node_cache:npm緩存路徑
配置環境變量
新增NODE_HOME,值為:D:\tools\node-v10.15.3-win-x64
(視自己安裝目錄而定),修改PATH并在最后添加:;%NODE_HOME%;%NODE_HOME%\node_global;
配置NODE_HOME
配置Path
環境變量查看: echo %node_home%,echo %path%
測試安裝是否成功: node -v,npm -v
npm配置
配置npm全局安裝位置和緩存路徑。打開CMD,分別執行如下命令:
npm config set cache "C:\tools\node-v14.15.0-win-x64\node_cache"
npm config set prefix "C:\tools\node-v14.15.0-win-x64\node_global"
注意:
1)創建的node_global
(npm全局安裝位置)和node_cache
(npm緩存路徑)與npm聯系起來
2)如果執行命令卡死,可以刪除C:\Users\用戶名.npmrc 后重新執行。(用戶名:當前電腦的用名)
3)"D:\tools\node-v10.15.3-win-x64\node_global"
,雙引號不能少
修改npm鏡像提高下載速度
可以使用 cnpm或直接設置--registry,推薦設置--registry
Registry
## 設置淘寶源
npm config set registry https://registry.npm.taobao.org/
## 查看源,可以看到設置過的所有的源
npm config get registry
npm config set registry https://registry.npmmirror.com
cnpm
npm install -g cnpm --registry=https://registry.npm.taobao.org
1)cnpm安裝完成后,以后就可以用cnpm命令代替npm命令, 此時npm還是會用官方鏡像,cnpm會用國內鏡像;
2)如果要恢復成原來的設置,執行如下:npm config set registry https://registry.npmjs.org/
安裝配置webpack
npm install webpack -g
以上命令執行完畢后,會生成如下文件: %node_home%\node_global\node_modules\webpack
如何運行下載的Node.js項目
將下載的項目解壓到指定目錄,本例是解壓到:D:\temp\vueproject,后面都以此為例
## 1.打開命令窗口
cmd
## 2.切換到d盤
d:
## 3.進入指定目錄
cd D:\temp\vueproject
## 4.進行依賴安裝
npm install
## 5.啟動項目
npm run dev