如何快速上手JavaScript 编程(开发环境）
如何快速上手JavaScript 编程(开发环境）
一般来说，快速上手JavaScript编程有以下三种方法，即在浏览器工作台环境中直接编程、利用在线的JavaScript环境开始练习以及本地新建文件进行练习。本文所指的JavaScript编程均指的是前端编程，如果要进一步深入练习JavaScript，可以在本地安装nodejs并进行配置使用。
浏览器工作台环境
在Chrome或者Firefox等现代浏览器中均内置了工作台环境，在Chrome或者Firefox，打开开发者工具栏即可进行编程（快捷键 Ctrl+Shift+I）。在工作台中可以直接输入代码开始编程。
在线JavaScript环境
一些网站中提供了在线的JavaScript编程环境，可用于直接在线联系JavaScript.著名的在线编辑环境包括：
- JSbin
- 菜鸟工具
- W3School
进一步，如果你要在线练习TypeScript：
- 菜鸟工具
- 官方PlayGround
本地新建文件
本地新建一个 HelloWorld 目录并在其中新建 HelloWorld.js 文件：
Hello World
Welcome To JavaScript World
同一文件夹下新建 styles.css 文件：
#HelloWorld { width: 100px; height: 100px; color: tomato; background-color:yellow; } h1{ width:200px; height:100px; color:blueviolet; } p{ color:blue; }同一文件夹下新建 HelloWorld.js 文件：
document.getElementById("HelloWorld").innerHTML ="
Hello World
hello world
";
window.onload=()=>{ alert("这是一个入门示例程序"); } 在 VS Code 或其他编辑器中打开该文件夹，编辑其中几个文件，就可以开始JavaScript练习了。用浏览器打开html文件，可以看到编辑效果。如果使用 VS Code 也可以安装 Html Preview 插件，直接在编辑器中预览编辑效果。
