![c62458826238134a66bf55b9c4296058.png](https://i-blog.csdnimg.cn/blog_migrate/8b74e8569c9b74ca0d7fe2f719817b17.png)
大家都知道前端最主要的语言是JavaScript(以下简称JS),其实JS能做的事情还有很多,一个完整的项目前后端都可以用JS完成,而且JS的优势在于不用安装或配置任何复杂的环境,下面是纯JS环境搭建步骤:
1.准备工作:
(1)谷歌Chrome浏览器;
(2)一个个人喜欢的编辑器(比如:NotePad++,Sublime Text);
(3)一个Web服务器(因为本次的目的是搭建100%的JS环境,所以我们使用Node.js);
2.搭建步骤(适用于Window操作系统)
(1)下载、安装Chrome浏览器;
推荐下载安装地址: https://pc.qq.com/detail/1/detail_2661.html
(2)使用Node.js搭建Web服务器
(2.1)下载、安装Node.js
官方下载安装地址:http://nodejs.org/
(2.2)安装完毕后,打开Node.js命令行(可不是Windows系统自带的cmd命令行哦),输入命令:npm install http-server -g
![e26ad2c6ae8ecd135d01663192b6233b.png](https://i-blog.csdnimg.cn/blog_migrate/0f96e0ba9490ef7b23bba8dfa96044e4.png)
上面这条命令会在你的电脑上安装一个JS服务器: http-server
(2.3)运行Web服务器
服务器安装完毕后,在命令行输入http-server,如下图所示,说明整个环境就搭建好了,按“Ctrl+C”可退出正在运行的服务器
![d9c9419c2135e50422e88831fa6644ba.png](https://i-blog.csdnimg.cn/blog_migrate/c1327a2bda12b26d800b5887f80ed965.png)
(2.4)执行程序示例
第一步:通过Node.js命令行,进入代码所在目录路径(具体方法与cmd命令执行方法一样,请自行百度)
![20b7450ca0cec3c6f63e8e65557b7e78.png](https://i-blog.csdnimg.cn/blog_migrate/3e6e70d3ab29760d3ed3da4070500e6c.png)
第二步:输入命令“http-server”启动服务器
![f3aae998a990cc73f4e71e2c30fa0ac4.png](https://i-blog.csdnimg.cn/blog_migrate/674efe20170f4a521fce1e5a0f4aff3b.png)
第三步:打开谷歌Chrome浏览器,按提示输入“localhost:8080”,发现程序已经显示在页面上了
![bd9b0e5325ad077e8de60d8886de50e8.png](https://i-blog.csdnimg.cn/blog_migrate/6e6c32984c6f1050d9ffdf3ad60eee78.jpeg)
恭喜,你已经完成了JS环境的搭建和测试,马上开始敲第一段代码吧~