Kevin的Javascript学习笔记(番外)- 构建本地JavaScript运行环境

使用浏览器(火狐浏览器)

需要有Html基础,你可以将自己需要调试的代码放到HTML文档的标签里面,然后用浏览器打开HTML文件,按下F12键,打开调试窗口,如下图所示,控制台(console)就是console.log()输出的调试窗口

Kevin的Javascript学习笔记(番外)- 构建本地JavaScript运行环境_第1张图片
图片.png

使用NodeJS

1,安装NodeJS

在NodeJS官网下载最新版本的NodeJS安装包安装,配置好NodeJS的系统环境,关于安装教程请看http://www.runoob.com/nodejs/nodejs-install-setup.html

Kevin的Javascript学习笔记(番外)- 构建本地JavaScript运行环境_第2张图片
图片.png

安装好之后,我们就可以打开Windows的cmd窗口测试一下:
1.按下win+R,win是你键盘上那个Windows图标按键,输入cmd,回车
Kevin的Javascript学习笔记(番外)- 构建本地JavaScript运行环境_第3张图片
图片.png

2.在打开的命令行窗口输入node -v可以查看到nodejs的版本号,输入node进入js的命令行编写模式,输入console.log("Hello World");会马上输出字符串
Kevin的Javascript学习笔记(番外)- 构建本地JavaScript运行环境_第4张图片
image.png

2.安装Visual Studio Code

Visual Studio Code是微软公司出的一个开源免费的代码编辑器,通过配置一些插件会有意想不到的便捷。安装和配置教程请参考:https://www.jianshu.com/p/9b28b58f44b1/

你可能感兴趣的:(Kevin的Javascript学习笔记(番外)- 构建本地JavaScript运行环境)