感謝作者:https://www.jianshu.com/p/13f45e24b1de
簡單的說 Node.js 就是運行在服務端的 JavaScript。Node.js 是一個基於 Chrome V8 引擎的 JavaScript 運行環境。Node.js 使用了一個事件驅動、非阻塞式 I/O 的模型,使其輕量又高效。Node.js 的包管理器 npm,是全球最大的開源庫生態系統。
安裝
http://nodejs.cn/download/官網下載對應版本,我本次安裝的這個是Windows版本的。下載完成就是這樣一個msi文件。
雙擊運行,安裝,安裝流程就不用說了,一路next,過程真的很簡單,如果有需求可以自己改正安裝路徑,我在我的電腦D盤安裝,安裝完成如圖所有。
還記得我們在安裝時有這個Add to PATH
,這個是自動幫我們配置環境變量的,安裝完成我們去環境變量檢查看看,確實如此。
到這一步完成,我們的nodejs就安裝完成了。可以查看版本。
配置包路徑
默認情況下,我們在執行npm install -g XXXX
時,下載了一個全局包,這個包的默認存放路徑位C:\Users\Administrator\AppData\Roaming\npm\node_modules
下,可以通過CMD指令npm root -g
查看
。
但是有時候我們不想讓全局包放在這裏,爲了便於我們查看我們下載的包資源,我們想放在node的安裝目錄下。
1、在node安裝目錄下下新建兩個文件夾
node_global 全局包下載存放
node_cache node緩存
在CMD窗口執行以下兩條命令,即可修改這兩個路徑
npm config set prefix "D:\install\nodejs\node_global"
npm config set cache "D:\install\nodejs\node_cache"
(注意,這裏的 “D:\install\nodejs\node_global”、“D:\install\nodejs\node_cache” 要根據自己的安裝路徑改。)
解決下載速度慢問題
就像我們使用maven下載jar包一樣,鏡像的不同會導致下載速度很慢,這很讓人煩躁。下載資源時老是報一些錯誤,歸根結底就是下載速度慢,網速不好等。例如這個rollbackFailedOptional……
我查了資料,有個很好的辦法就是安裝 nrm (鏡像切換的管理工具包) ,去做鏡像的切換,最起碼你要先安裝一個 nrm 啊,但是是第一次安裝nodejs,默認的鏡像是外國的,就是很慢嘍,所以安裝 nrm 也是很慢的,就很不爽,解決不了。
備註一下安裝nrm的命令是:npm install nrm -g
於是我又找了找解決辦法。
修改npm的資源鏡像鏈接即可解決。
npm config set registry http://registry.npm.taobao.org
此時下載速度快了很多。
我們之前修改配置的包路徑也是起作用的,vue下載在了我的D:\install\nodejs\node_global中了。
這時我們再去執行npm install nrm -g
速度也是很快。太爽了
用node引入vue
之前,我們在寫前端代碼時,如果要引入那個包,需要去對應官網下載其js包,copy到我們的項目中,然後引入才能使用,這樣很不優雅,也不好管理我們的包資源,而且使用麻煩,佔內存。
能不能想Java中的maven一樣,用哪個包就去導入其對應的座標到pom文件中即可。node就可以解決這個問題。
打開我們的idea工具,創建一個項目,然後在下方打開Terminal,輸入npm init -y
,幫我們初始化項目,並生成默認的package.json
文件,這個文件就像是我們在javamaven中的pom文件。
輸入npm install vue --save
命令。下載vue資源到項目。下載成功,在package.json中會自動生成vue的dependency。
然後就可以直接引入使用vue了。
<script src="node_modules/vue/dist/vue.js"></script>