目錄
一、NodeJs簡介:
二、Npm簡介:
三、NodeJs環境搭建:
四、ElementUI簡介
一、NodeJs簡介:
1.定義:是一個基于Chrome V8引擎的[JavaScript運行環境], Node.js使用了一個事件驅動、非阻塞式I/O 的模型,是一個讓JavaScript運行在服務端的開發平臺,它讓JavaScript成為與PHP、Python、Perl、Ruby等服務端語言平起平坐的腳本語言,簡單點講就是一個運行環境,
2、注意:
注1:Node.js-->JavaScript運行環境,開發語言是:javascript
J2EE -->Java運行環境, 開發語言是java
注2:Node.js v10.15.3檔案地址:http://nodejs.cn/api/
3、NodeJs的用處:
實作高性能Web服務器,他首先看重的是事件機制和異步IO模型的優越性,而不是JS,但是他需要選擇一種編程語言實作他的想法,這種編程語言不能自帶IO功能,并且需要能良好支持事件機制,JS沒有自帶IO功能,天生就用于處理瀏覽器中的DOM事件,并且擁有一大群程式員,因此就成為了天然的選擇,
4、NodeJs的特點:
1、單執行緒
2、非阻塞I/O
3、事件驅動
二、Npm簡介:
1、定義:是Node.js的包管理工具(package manager),
2、為什么要使用npm?
因為我們在Node.js上開發時,會用到很多別人寫的JavaScript代碼,
如果我們要使用別人寫的某個包,每次都根據名稱搜索一下官方網站,下載代碼,解壓, 再使用,非常繁瑣,
于是一個集中管理的工具應運而生:大家都把自己開發的模塊打包后放到npm官網上,如 果要使用,
直接通過npm安裝就可以直接用,不用管代碼存在哪,應該從哪下載,更重要的是,如果 我們要使用模塊A,而模塊A又依賴于模塊B,模塊B又依賴于模塊X和模塊Y,
npm可以根據依賴關系,把所有依賴的包都下載下來并管理起來,否則,靠我們自己手動 管理,肯定既麻煩又容易出錯,
3、注意:npm==maven類似
三、NodeJs環境搭建:
1、現在就進行NodeJS的環境搭建了,下面是NodeJS的環境步驟:
步驟:
1、下載nodeJS的安裝包
2、解壓nodeJS的解壓包,在根目錄下新增兩個檔案夾node_global和node_cache
3、配置環境變數
NODE_HOME:配置的是nodeJS解壓的根路徑D:\initPath\node-v10.15.3-win-x64
path:%NODE_HOME%;%NODE_HOME%\node_global
node -v
npm -v
4、配置npm的全域模塊的下載地址
npm config set cache "D:\SoftwareInstallPath\node_repository\node-v10.15.3-win-x64\node_cache"
npm config set prefix "D:\SoftwareInstallPath\node_repository\node-v10.15.3-win-x64\node_global"
npm config set registry https://registry.npm.taobao.org/
5、下載github的Vue的專案解壓
6、在解壓的專案中是沒有node_modules的,在工程的根目錄下需要通過npm install進行再次依賴下載(package.json)
7、在通過npm run dev 啟動專案
1、下載nodeJS的安裝包:
https://nodejs.org/zh-cn/download/

然后點擊windows二進檔案(.zip),下載64-bit,
2、解壓nodeJS的解壓包,在根目錄下新增兩個檔案夾node_global和node_cache:
這里注意的是,NodeJs的解壓包一定要在英文的目錄下,首先解壓壓縮包之后是沒有node_global和node_cache,這兩個檔案夾的,所以需要自己去手動創建,

3、配置環境變數:
3.1首先打開電腦高級系統配置,點擊環境變數配置,點擊新建,配置好NODE_HOME,對應的值為解壓了壓縮包的路徑

NODE_HOME為壓縮包解壓之后的路徑:


3.2配置path路徑:

path路徑:
path:%NODE_HOME%;%NODE_HOME%\node_global
3.3、配置好NODE_HOME和path之后就可以進行測驗有沒有配置成功,在電腦搜索框中輸入cmd,以管理員的身份登陸:先測驗NODE.js版本,之后測驗npm的版本,

出現版本說明配置成功了一部分,
4、配置npm的全域模塊的下載地址:
直接在cmd中輸入以下三行代碼,分開輸入,以下紅色字體為你第二步創建的兩個檔案夾路徑
npm config set cache "D:\SoftwareInstallPath\node_repository\node-v10.15.3-win-x64\node_cache"
npm config set prefix "D:\SoftwareInstallPath\node_repository\node-v10.15.3-win-x64\node_global"
npm config set registry https://registry.npm.taobao.org/

5、下載github的Vue的專案解壓 :
這里建議新建一個檔案夾進行壓縮包的解壓,進行操作:我們這里直接是壓縮包,要是家人們需要的話可以私信我,

6、在解壓的專案中是沒有node_modules的,在工程的根目錄下需要通過npm install進行再次依賴下載(package.json):只要在剛剛解壓的檔案夾中的路徑框中輸入cmd就可以進入該專案的cmd界面,在界面中輸入npm install 

在上述下載程序中,只要不出現ERR說明一直以成功的狀態下載,但是要是出現ERR紅色字樣時,說明下載檔案失敗,這時候的解決辦法是將解壓出來的檔案夾洗掉,再重新解壓一遍,重述以上操作即可,

7、在通過npm run dev 啟動專案:

整個專案運行出來后,說明NODE.js配置成功!
四、ElementUI簡介
1、Element,一套為開發者、設計師和產品經理準備的基于 Vue 2.0 的桌面端組件庫
Element UI是基于Vue 2.0的
Element UI 提供一組組件
Element UI 提供組件的參考實體, 直接復制
2、 ElementUI網址:Element - The world's most popular Vue UI framework

進入到官網之后就可以將自己需要東西進行下載即可使用,今天對ElementUI的知識先分享這么多,之后還會再分享的,
今天的知識就分享到這里了,希望能夠對你有所幫助!
轉載請註明出處,本文鏈接:https://www.uj5u.com/qianduan/347149.html
標籤:其他
上一篇:JavaScript的基本概述
