如何执行JS命令或文件

前阵子一个初学的哥们问我,网上学习来的高大上js代码要怎么运行看看执行结果，我不假思索地告诉他：在浏览器控制台执行代码就行了啊，然后这哥们儿就没信了，估计是自己去试了

于是引起了我的回忆，我在刚接触的时候，好像也不知道，也没有运行js代码块的需要，也是到正式工作的时候，才开始偶尔跑跑单独的js验证代码是不是逻辑正确，也是因为js不像别的语言，有系统成型的学习，基本上90%(我怀疑是100%)的前端程序员都没有在大学里经历过系统的前端学习，全靠自己摸爬滚打。实际上，回过头看，初学者在学习js的时候，如果能有一个类似于C语言vc6.0这样的环境的话，学习起语法，了解js可能会更方便。所以，这里我列举几种可单独执行js命令或文件的方法：

1、浏览器控制台运行

JavaScript不同于java语言或者c语言，需要环境、需要编译再运行，js在被制造出来时，就是为浏览器而生，可以直接在浏览器里运行，这里以谷歌浏览器为例，鼠标右键检查或者快捷键F12即可看到控制台可以理解为操作系统里的命令行模式

在这里就可以直接输入我们想输入的js代码，回车即可查看代码执行结果

在浏览器输入js代码的好处显而易见：方便，打开浏览器就能输代码查看执行结果，我平常也多用浏览器控制台学学原生js的原理或者看看正则是不是匹配，因为浏览器控制台的缺点太多了：操作不便，没法文件操作只能命令行，找错困难，大多数时候的js是有依赖的，控制台不方便整依赖，所以，一般控制台也就执行执行简单原生的js

2、写在HTML里运行

实际上，我们肯定不想用命令行的方式，当然是用一个顺手的IDE写代码。

这种方式，就是我大学时候，老师们教的传统方式了。

学HTML的时候，会教到标签，有一个标签不同于别的花里胡哨的标签，这个标签很牛，叫做<script>脚本标签，用来嵌入或者引用可执行脚本，这里解释一下嵌入和引用。嵌入呢，就是把脚本写在标签里边儿，引用呢，就是把脚本写好，然后用标签引入这个脚本的路径

这是主流的写法也是主流的教法，嵌入的写法就是这样：

引用的写法是这样：

查看执行结果的话，点击IDE边上的浏览器图标或者右键run这个html页面，等浏览器弹出来，右键检查就能看到控制台输出的值了

3、直接运行js

实际上上面第二种方法已经很靠谱很普及了，可还是用起来不舒服，每回都要写一个HTML，有的甚至还要再写一个js，那能不能像运行html一样，直接右键运行js呢？

当然是可以的！用node！以下是我花了一个小时才整成的历程！

1、由于我是新的电脑，我装了个nodejs，安装包安装完后，直接命令行执行node命令，即可以直接运行js代码

这样方式还是很蠢，和浏览器没什么区别

2、我用IDE些好的js文件，然后用node单独执行

看上去是好一点了，可以单独执行文件了，但是这样还是很蠢，每回打开cmd还要找到js的路径

3、插件(我这里用的IDEA)

网上的老哥告诉我，可以在IDEA里配置即可右键运行js文件，我找了配置方法，就是这里的配置：

我配置好了以后发现不行，右键并没有运行。

然后我使劲找方法，找原因(这个过程花了我四十分钟)，在我一番努力寻找下，我还是没找到原因

最后我开始瞎试，我知道肯定是这个地方的问题

然后我在里边儿一同瞎配，还是失败了，在我有点要暴躁的时候，我在setting里搜了node，从上到下每个node都研究了一下，最终，在plugins(插件)里面找到了，实际上我一开始留意到这个了，但是并没有在意，因为默认打开plugins里是看到install的，而我的install里并没有安装nodejs的插件，最后在我一个个点的时候终究在marketplace里找到了nodejs，安装好这个插件，右键就有运行，打开configuration里，果然多了一个nodejs的栏目：

我说我一开始怎么在那个Templats里找不到nodejs，原来这玩意儿要自己单独安装！

现在，写好的js就可以右键运行查看运行结果了，可以用来输出结果，也可以用来检查语句有没有问题