javascript 也可以用来编写一些小工具,包括但不限于浏览器的插件,浏览器的书签以及进行一些其他操作的小工具等。
这时候就需要进行安装前端相关的测试环境
1. nodejs
(1)确保电脑存在 nodejs 的环境
在 cmd 输入
bash
npm -v
node -v
查看输出,如果不存在则进行接下来的步骤
(2)在官网下载 nodejs
点击下载后,一直点击下一步,在安装地址的时候,变成你想要安装的地址,建议是:D盘,将软件统一进行管理
一直下一步,会自动将系统变量添加,就ok啦!!!
如果有问题,就去查看系统变量 path 是否存在 nodejs 的地址!!!!!
- 成功安装后,输入命令显示如下:
2. vscode 安装前端相关的插件
- 这里我推荐:
- coderunner(必安装!!)
- Live Server(点击右下角的"go live",实时在浏览器浏览)
- open in browser(右键,在浏览器打开该文件)
- JavaScript (ES6) code snippets(js最重要的文件啦!!!)
3. 编写demo编程代码
- hello.js
javascript
var test = "Hello"
console.log(test)
- html 文件
html
<!DOCTYPE HTML>
<html>
<body>
<p>script 标签之前...</p>
<script>
alert('Hello, world!');
</script>
<p>...script 标签之后</p>
</body>
</html>
4. QA
- 当vscode 出现
code runner 警告: Code language not supported or defined.
该怎么办??
(1)在 code runner 的setting配置中