Vue筆記——node.js入門知識
一、node.js是什麼
首先我們需要明確一點,node.js肯定是和JavaScript這一門程式語言有關係的,但是node.js不是一門程式語言,如果你把node.js當做是一門類似於PHP、JAVA、Python這樣的後臺程式語言,那麼你就錯了。node.js也不是JavaScript的第三方庫或框架,不同於我們經常使用的Jquery等第三方庫。
但是node.js到底是什麼呢?可以用一句話概括:node.js是可以讓JavaScript在伺服器端執行起來的環境(也可以稱為平臺)。
如果你有PHP、JAVA或Python這樣的語言基礎,那麼你肯定知道,如果我們想要執行PHP編寫的指令碼,那麼我們必須在電腦上安裝PHP環境;如果我們想執行JAVA程式碼,那麼我們必須安裝jdk和jre等JAVA環境;如果我們想執行Python編寫的指令碼,也需要安裝Python2或者是Python3環境。
同理,如果我們想要在伺服器端執行我們編寫的JavaScript指令碼,那麼也要安裝node.js。
二、node.js能做什麼
node.js這一環境中為js提供了一些伺服器級別的操作API(檔案讀寫、構建網路服務、網路通訊、http伺服器等)。再說的直白一點,JAVA和PHP等後端語言能夠完成的後端工作,有了node.js這個環境,我們使用JavaScript語言一樣可以完成。
Node.js中的JavaScript沒有BOM、DOM,只有EcmaScript(基本語法),因為服務端不操作頁面。
三、Vue和node.js的聯絡
對於一些剛剛接觸Vue這個前端框架的小白來說,可能會有這樣的疑問:Vue和node.js有什麼關係?我使用Vue寫前端頁面,難道一定需要安裝node.js嗎?
其實很多人都有這樣的困惑,我老老實實地使用Vue寫前端頁面,這怎麼又是需要安裝node.js,又是要使用**npm install
**的,這咋還牽扯到伺服器端了呢?我只想寫前端頁面,不想接觸後端和伺服器的東西,我不安裝node.js行不行。
回答是當然可以。說到底Vue就是一款前端框架,和jQuery,swiper這些我們經常使用框架在本質上沒有區別,如果我們想使用Vue,那麼完全可以像使用jQuery一樣,先將Vue.js檔案引入,然後就可以編寫我們的前端程式碼了,比如:
<!DOCTYPE html>
<html lang="en">
<head>
< meta charset="UTF-8">
<title>Vue示例項</title>
<!-- 可以通過離線檔案引入,也可以通過cdn引入線上檔案 -->
<!--<script src="vue.js"></script>-->
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script>
window.onload=function(){
var vue = new Vue({
el:'#app',
data:{
name:"FengZhen"
}
});
};
</script>
</head>
<body>
<div id="app">
My name is: {{name}}
</div>
</body>
</html>
這樣一來,我們完全不用接觸node.js,就可以使用Vue來幫助我們快速開發我們的web前端專案了。但是隨著你學習的深入,你肯定會聽到腳手架這個名詞,並且瞭解腳手架的相關知識之後,你肯定想要使用腳手架來快速搭建自己的前端專案。那麼這個時候,我們就必須要和node.js打交道了。
首先我們先來簡單說一下什麼是腳手架。說起腳手架,有的同學可能會問:這個腳手架難道和我們平時在建築工地上面見到的腳手架有聯絡?
你說的不錯,這兩個腳手架還真是有聯絡,或者是功能都差不多。我們都知道工地上面的腳手架可以幫助工人師傅來很快地建造樓房,那麼Vue中的腳手架也是同樣可以幫助我們快速搭建我們的前端專案。
Vue的腳手架工具(即vue-cli),它幫助我們搭建基本的開發環境,好比架子搭建好了,利用它可以搞定目錄結構,本地除錯,單元測試,熱載入及程式碼部署等。一個搭建好的腳手架包含以下內容:
有了腳手架提供的這些內容,我們就能夠很快地開始我們的專案,節省了不少時間和精力。
但是這個時候我們可能會想:腳手架在哪裡下載,要如何安裝?
這個時候我們的node.js便出現了。我們一旦安裝好node.js之後,如何下載和安裝的問題就迎刃而解,這個時候我們只需要使用**npm install
**相關命令,node.js就可以幫助我們自動安裝腳手架。如果你對npm不瞭解的話,推薦一篇部落格:Vue筆記——npm入門知識。
安裝好腳手架之後,我們在專案中還有會使用到各種各樣的外掛和庫,比如vue-router、babel等。如果這些外掛我們一個個下載再匯入的話,很是麻煩。但是安裝了node.js,我們也是隻需要使用**npm install
**相關命令,就可以自動下載並匯入我們需要的外掛和庫了。
四、備註
以上便是我自己對node.js相關知識的一些總結,希望可以幫助到剛剛接觸Vue或node的同學。
在後面的學習中,我也會慢慢總結Vue腳手架開發中的一些知識,到時候再貼出連結,希望可以幫助到需要的同學。