1. 程式人生 > >Vue筆記——node.js入門知識

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腳手架開發中的一些知識,到時候再貼出連結,希望可以幫助到需要的同學。