nodejs安裝、解決下載速度慢、idea中用node引入vue

感謝作者: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>
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章