Javascript入门教程：学编程从Javascript开始（一）搭建Javascript开发环境

在完成前期Javascript入门教程的学习后，对Javascript的基本语法有了理解，编写一些基本的排序算法也不存在问题了，如果还想继续学习Javascript的基础知识和前端开发，那就可以开始进一步学习Javascript的Dom编程。作为Javascript开发人员必须学习的书籍：《JavaScript高级程序设计》，作者：Matt Frisbie（马特 弗里斯比），人民邮电出版社。笔者个人认为有这一本书，Javascript语言学习就足够了。之后再开展Vuejs、Reactjs的学习，这些开源框架的学习，完全可以通过官网的教程来学习。

因为早期的Javascript是为网页而生的，Javascript代码只能运行在浏览器中。因为浏览器安全沙箱的限制，Javascript能做的事情非常有限，只能完成一些界面动画，页面表单输入数据合法性校验等等，因此Javascript给人的感觉很不靠谱，Javscript就像玩具，更不像是一门编程语言，没有同时期的Java来得光鲜亮丽。随着2009年nodejs虚拟机的诞生，Javascript可以做的事情就越来越多了。就像Java虚拟机运行Java程序一样，nodejs虚拟机运行Javascript程序，Java可以做的事情，Javascript一样可以做到。尤其是随着第三方开源包越来越多，Javascript也变得越来越强大，甚至有句话说：能用Javascript编写的程序，最终将会以Javascript编写。

这里对第三方开源包这个术语做一个解释：我们自己编写程序完成一些工作，比如对一个数组进行排序，这种我们自己编写的程序通常叫第一方库。要完成排序的代码，首先需要通过document.getElementById这个函数才能获得页面input元素，这个document对象的getElementById函数我们没有自己去编写实现功能的代码，函数的实现是由Javascript语言本身提供的，我们只要知道这个函数是干啥的，怎么用就可以了，这种由Javascript本身提供实现的库，叫第二方库。除了以上两种库，剩下的由一些开源组织、商业公司或者个人提供的程序库，就都叫第三方库，比如读写excle文件的Javascript库、提供服务器端开发的库express，都是第三方库。之所以现在Javascript如此流行，也是因为有大量的第三方库使得Javascript的应用越来越广泛。

需要说明的是：这里的服务器不是指一台计算机，而是指一个可以提供网络服务的运行在计算机中的一个进程。比如之前学习猜数游戏、冒泡排序等程序，都是部署在服务器live-server中的，这个live-server进程（其实这个live-server也是用Javascript开发的，也需要nodejs虚拟机才能执行，因此live-server运行起来后也是一个node进程）就是服务器。当我们要运行这些程序时，需要先执行live-server命令，这个动作其实就是让live-server进程处于工作状态。当live-server处于工作状态后，才能通过在浏览器中输入程序所在的服务器网址将编写的程序从服务器live-server中下载到浏览器中，之后才能在浏览器中运行那些排序程序。这里浏览器时一种典型的客户端。这里的客户端也不是指一台计算机，而是一个运行在计算机中的进程，一般是浏览器进程。

所谓的服务器端开发，就是编写可以在服务器进程中运行的程序。我们可以用两幅图来说明其中的差别：

从以上两幅图可以看出程序的区别，如果客户端进程和服务器端进程运行在不同的计算机中，那么客户端程序运行消耗的资源（包括CPU、内存等）是客户端进程所在的计算机资源；服务器端程序运行消耗的资源是服务器进程所在的计算机资源。Javascript入门教程相关程序属于客户端程序。

在这一系列的教程中，我们将用Javascript编写运行在服务器端的程序，也就是用Javascript进行服务器端猜数游戏、服务器端选择排序等。

express generator工具是自动生成express服务器端框架程序的工具，使用该工具可以快速生成应用框架程序，我们的完整应用就是在此框架下逐步修改、完善而构建完成的。

nodejs虚拟机的安装过程不再赘述，成功安装nodejs的同时会安装nodejs的包管理工具npm，利用npm可以安装在npm资源库中的任意依赖包及相关工具。

点击win键（键盘左下角带windows标志的按键）+ R键，在弹出的运行窗口中输入cmd，然后回车：

在cmd窗口中输入npm install -g express-generator命令后回车，安装express generator工具。安装完成后，输入express --version命令后回车，系统返回express generator当前版本号，说明express generator工具安装成功。

在cmd窗口输入D:回车，切换当前盘符到D盘，然后输入cd D:\devtools\jssrc命令后回车，将cmd窗口当前目录切换为D:\devtools\jssrc目录，然后输入express expressdemo命令回车：

根据提示，我们先后执行cd expressdemo、npm install、set DEBUT=expressdemo:* & npm start命令。注意每个命令后都需要回车：

打开edge浏览器，在地址栏中输入http://localhost:3000，然后回车，浏览器将显示如下页面：

说明expressdemo应用创建成功。

验证expressdemo应用创建成功后，关闭cmd窗口，停止服务器进程，再次刷新edge浏览器页面：

服务器进程终止后，浏览器不再显示对应页面信息。

下一篇：Javascript服务器端开发（二）express运行初探