JavaScript 开发环境介绍

🌙
手机阅读
本文目录结构

开发环境介绍

相比其他语言,JavaScript的优势之一在于不用安装或配置任何复杂的环境就可以开始学习。

  • 编辑器推荐使用 webstorm/vscode
    • 如果选择困难,直接选VSCode
  • 浏览器用 Chrome

第一份代码

下面是一个基本的HTML页面和JavaScript代码;

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div>
    <p>编辑器:webstorm/vscode</p>
    <p>浏览器:chrome</p>
</div>
<script>
    console.log('现在可以写JS代码了')
</script>
</body>
</html>

这样就可以学习javascript,这门语言了,因为JS代码是执行时候才进行编译,所以环境比较简单;

JavaScript 和 Java

当然,请你不要纠结JavaScript 和 Java之间有什么关系,就好比雷锋和雷峰塔的区别,研究这些问题没有区别,你只需要问自己,想不想了解一些WEB方面的知识,如果你喜欢网页程序,那么跟着敲代码就好了,不要浪费时间;

除了浏览器端以外,JS还能够使用V8/Nodejs等引擎再服务端运行,但是WEB前端开发,在浏览器环境下做学习,还是非常合适的

理想世界中,所有的浏览器都没有BUG,并且支持的WEB标准都一样,但现实是不可能的,但Chrome的份额非常大,体验也非常好,所以就以Chrome作为标准进行开发

Web 控制台(Web Console)

Web 控制台 不仅可以展示当前已加载页面的信息,还包含一个可以在当前页面执行Javascript表达式的 命令行。

Chrome浏览器打开方式:

  • 右键“检查”
  • Ctrl+Shift+i / Windows
  • F12 /Windows

https://a.axihe.com/cut-img/chrome_TU3SobFIBD.png

控制台的工作方式与eval完全相同:返回最后输入的表达式。

为了简单起见,可以想象每次输入到控制台的东西实际上都被 console.log 所包围。

其它建议

  • 要有Github账号
  • 要有自己的博客(独立域名/第三方的均可,比如博客园、csdn上开博客)

如果按重要程序来说的话:Github推荐过段时间再搞,但是个人博客一定要立刻就开始弄;这里说的有,是指你要真正的用起来,并不是注册个账号,放在那看看的

AXIHE / 精选资源

浏览全部教程

面试题

学习网站

前端培训
自己甄别

前端书籍

关于朱安邦

我叫 朱安邦,阿西河的站长,在杭州。

以前是一名平面设计师,后来开始接接触前端开发,主要研究前端技术中的JS方向。

业余时间我喜欢分享和交流自己的技术,欢迎大家关注我的 Bilibili

关注我: Github / 知乎

于2021年离开前端领域,目前重心放在研究区块链上面了

我叫朱安邦,阿西河的站长

目前在杭州从事区块链周边的开发工作,机械专业,以前从事平面设计工作。

2014年底脱产在老家自学6个月的前端技术,自学期间几乎从未出过家门,最终找到了满意的前端工作。更多>

于2021年离开前端领域,目前从事区块链方面工作了