第二步：

解壓nodeJS的解壓包，在根目錄下新增兩個文件夾node_global和node_cache 

第三步 ：

① 新增NODE_HOME  值為：D:\initPath\node-v10.15.3-win-x64    【這里放的是路徑】

注意：  一定要區(qū)分分號，保證是英文分號?。?nbsp;

② 修改Path并在最后添加：;%NODE_HOME%;%NODE_HOME%\node_global; 

如果系統(tǒng)版本不一樣的話，還可以這樣配置Path：

測試輸入    node -v

出現(xiàn)版本號則代表配置成功！?。。。∫?！ 

第四步： 配置npm的全局模塊的下載地址

(因為nodejs運(yùn)行的環(huán)境這個平臺是國外的，那么里面的js肯定也是放在國外的，所以我們需要去改變這個源。)

設(shè)置緩存目錄

設(shè)置全局變量

加快npm下載js依賴的速度

【注意：這里面放的路徑是根據(jù)自己的根目錄存放的，doc命令運(yùn)行需要一行一行的運(yùn)行】

        npm config set cache "F:\Software path\node-v10.15.3-win-x64\node_cache"
        npm config set prefix "F:\Software path\node-v10.15.3-win-x64\node_global"
        npm config set registry https://registry.npm.taobao.org/

doc命令運(yùn)行 之后，去到本機(jī)賬號，找到.npmrc文件，點擊查看是否還有以上這三行腳本，有則代表成功，反之則需要重新來過，如圖所示： 

第五步： 下載github的Vue的項目解壓

驗證安裝結(jié)果：版本驗證 輸入 npm -v

顯示版本號則代表安裝成功。

第六步：

 進(jìn)入到項目里來

 現(xiàn)在就開始下載啦~

第七步： 在通過npm run dev 啟動項目

緊接著在第六步的基礎(chǔ)上進(jìn)行 

加載之后：

 完了之后就會彈出頁面

登錄進(jìn)去就會出現(xiàn)這個頁面啦~

環(huán)境搭建成功~~~ 

二、Element簡介

官方網(wǎng)址：Element - The world's most popular Vue UI framework 

 Element有兩種開發(fā)模式，一種是傳統(tǒng)開發(fā)模式，另一種是前后端分離開發(fā)模式。

知識總結(jié)

安裝步驟：

1、下載nodeJS的安裝包

2、解壓nodeJS的解壓包，在根目錄下新增兩個文件夾node_global和node_cache

3、配置環(huán)境變量

        NODE_HOME:配置的是nodeJS解壓的根路徑F:\Software path\node-v10.15.3-win-x64
        Path:%NODE_HOME%;%NODE_HOME%\node_global

        檢驗是否配置成功：node -v

4、配置npm的全局模塊的下載地址
 

        npm config set cache "F:\Software path\node-v10.15.3-win-x64\node_cache"
        npm config set prefix "F:\Software path\node-v10.15.3-win-x64\node_global"
        npm config set registry https://registry.npm.taobao.org/

        檢驗是否配置成功：本機(jī)用戶找到.npmrc文件,查看是否有以上三行腳本

5、下載github的Vue的項目解壓

        檢驗是否安裝成功：npm -v

6、在解壓的項目中是沒有node_modules的，在工程的根目錄下需要通過doc命令npm install進(jìn)行再次依賴下載（package.json）

7、在通過npm run dev 啟動項目

總結(jié)

到此這篇關(guān)于Node.Js環(huán)境搭建步驟記錄的文章就介紹到這了,更多相關(guān)Node.Js環(huán)境搭建步驟內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！