您的位置: 首页  >  文章  >  Vue笔记——node.js入门知识

Vue笔记——node.js入门知识

分类: 文章 • 2024-06-12 16:58:58

一、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笔记——node.js入门知识

你说的不错，这两个脚手架还真是有联系，或者是功能都差不多。我们都知道工地上面的脚手架可以帮助工人师傅来很快地建造楼房，那么Vue中的脚手架也是同样可以帮助我们快速搭建我们的前端项目。

Vue的脚手架工具（即vue-cli），它帮助我们搭建基本的开发环境，好比架子搭建好了，利用它可以搞定目录结构，本地调试，单元测试，热加载及代码部署等。一个搭建好的脚手架包含以下内容：

Vue笔记——node.js入门知识

有了脚手架提供的这些内容，我们就能够很快地开始我们的项目，节省了不少时间和精力。

但是这个时候我们可能会想：脚手架在哪里下载，要如何安装？

这个时候我们的node.js便出现了。我们一旦安装好node.js之后，如何下载和安装的问题就迎刃而解，这个时候我们只需要使用**npm install**相关命令，node.js就可以帮助我们自动安装脚手架。如果你对npm不了解的话，推荐一篇博客：Vue笔记——npm入门知识。

安装好脚手架之后，我们在项目中还有会使用到各种各样的插件和库，比如vue-router、babel等。如果这些插件我们一个个下载再导入的话，很是麻烦。但是安装了node.js，我们也是只需要使用**npm install**相关命令，就可以自动下载并导入我们需要的插件和库了。

四、备注

以上便是我自己对node.js相关知识的一些总结，希望可以帮助到刚刚接触Vue或node的同学。

在后面的学习中，我也会慢慢总结Vue脚手架开发中的一些知识，到时候再贴出链接，希望可以帮助到需要的同学。

相关推荐