一、Node Js 環(huán)境搭建

1、Node.js是什么？

Node.js是一個基于Chrome V8引擎的[JavaScript運行環(huán)境]。 Node.js使用了一個事件驅動、非阻塞式I/O 的模型。

Node.js是一個讓JavaScript運行在服務端的開發(fā)平臺，它讓JavaScript成為與PHP、Python、Perl、Ruby等服務端語言平起平坐的腳本語言 。

總的來說就是：nodeJS是JavaScript腳本語言的運行環(huán)境。

  注意：

        Node.js-->JavaScript運行環(huán)境，開發(fā)語言是：javascript
       J2EE   -->Java運行環(huán)境， 開發(fā)語言是java
        Node.js v10.15.3文檔地址：http://nodejs.cn/api/

2、npm是什么？

 npm其實是Node.js的包管理工具（package manager），相當于后臺的maven。

為啥我們需要一個包管理工具呢？因為我們在Node.js上開發(fā)時，會用到很多別人寫的JavaScript代碼。 如果我們要使用別人寫的某個包，每次都根據名稱搜索一下官方網站，下載代碼，解壓，再使用，非常繁瑣。于是一個集中管理的工具應運而生：大家都把自己開發(fā)的模塊打包后放到npm官網上，如果要使用， 直接通過npm安裝就可以直接用，不用管代碼存在哪，應該從哪下載。 更重要的是，如果我們要使用模塊A，而模塊A又依賴于模塊B，模塊B又依賴于模塊X和模塊Y， npm可以根據依賴關系，把所有依賴的包都下載下來并管理起來。否則，靠我們自己手動管理，肯定既麻煩又容易出錯。

3、環(huán)境搭建步驟:

第一步：

進入官方網站：https://nodejs.org/en/ 

 我建議大家最好不要使用最新的版本，一般最新的版本會不太穩(wěn)定，我選擇的版本是node-v10.15.3的。

下載之后解壓一定要放在非中文目錄下！?。?！

第二步：

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

第三步 ：

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

注意：  一定要區(qū)分分號，保證是英文分號！！ 

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

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

測試輸入    node -v

出現版本號則代表配置成功?。。。?！耶耶耶！ 

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

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

設置緩存目錄

設置全局變量

加快npm下載js依賴的速度

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

        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命令運行 之后，去到本機賬號，找到.npmrc文件，點擊查看是否還有以上這三行腳本，有則代表成功，反之則需要重新來過，如圖所示： 

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

驗證安裝結果：版本驗證 輸入 npm -v

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

第六步：

 進入到項目里來

 現在就開始下載啦~

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

緊接著在第六步的基礎上進行 

加載之后：

 完了之后就會彈出頁面

登錄進去就會出現這個頁面啦~

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

二、Element簡介

官方網址：Element - The world's most popular Vue UI framework 

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

知識總結

安裝步驟：

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/

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

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

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

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

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

總結

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

最新評論