JavaScript | 开发环境

简介: Stable Diffusion系列更新暂时告一段落,后续如有更新再看,目前开始更新JavaScript系列教程,包括整个前端技术栈等,这一期就是JavaScript的开发环境。

Stable Diffusion系列更新暂时告一段落,后续如有更新再看,目前开始更新JavaScript系列教程,包括整个前端技术栈等,这一期就是JavaScript的开发环境。

node环境

node环境是前端开发的重要环境之一,可以说是没有它,基本上就废了。

下载地址:https://nodejs.org/zh-cn

  • 打开该网址,就会出现下面你的界面,咱们悬念则长期维护版本下载即可。

  • 下载完毕后,双击打开,直接下一步,同意,一直下一步就好了。

  • 如何查看我们是否安装好了?右击计算机,找到终端,打开

  • 我们在以下界面输入node --version 或者node -v就可以查看版本号,如果有版本号,就说明安装好了,同时我们也可以输入npm --version或者npm -v来查看nodejs自带的包管理器,这里补充下,包管理器就相当于手机的应用商店,我们在后面开发的时候,可能会下载很多的依赖,来帮助我们快速开发。依赖是啥?依赖就相当于应用商店的app,下载下来就可以用的。

编译器

写代码肯定有写代码的地方啦,就像是你写个策划案,肯定需要在一些平台写,比如wps等平台。这里我推荐使用vscode,原因就是轻量,免费,开源的,当然你也可以使用其他的,比如webstorm,这个就是比较大,而且是收费的。

vscode下载地址:https://code.visualstudio.com/

  • 下载,这里是Windows为例,打开网址,点击下载即可。

  • 双击打开,勾选我同意。

  • 最好都勾选上,然后就是下一步,下一步

  • 如果你发现,上面的下载地址打不开或者下载太慢了,我这里准备了一份下载地址,不限速下载,在公众号回复vscode即可获取下载链接。

简单使用

  • 我们在你想要的地方,创建一个文件夹,比如我这里新建一个叫做teach的文件夹。

  • 然后打开文件夹,右击鼠标,选择通过vscode打开.

  • 如果你英语不好,或者感觉中文更加方便,请一定先安装中文翻译。打开1的位置,2的地方搜索简体中文,然后选择第一个,安装。然后重启即可,就是像我这样的中文界面了!

  • 在这个地方右击,选择新建文件,比如新建一个test.js的文件。

  • 我们在文件中输入console.log('我安装好了呀!');这个其实就是输出一句话,为我安装好了呀!。按下Ctrl + J,打开终端,输入node test来运行这个js文件。我们就能看到输出了这句话!

node管理

你想说,node版本这么多吗,我想安装很多个版本,我又想自由切换node的版本,开发的时候使用不同的版本呢怎么办呢?
那这里直接使用nvm管理node的版本即可。

下载地址:https://github.com/coreybutler/nvm-windows/releases

  • 打开地址,翻到下面。下载!

  • 双击打开,选择我同意,然后下一步,选择安装的路径,下一步到最后。
  • 我们来试试看安装好了没,打开一个终端,和上面那个终端打开是一样的方法。输入nvm -v即可查看版本号。看图所示。

  • 如何查看目前可以安装的版本?输入nvm list available,即可查看所有可以安装的版本!

  • 安装指定版本,nvm install <版本号>,比如我安装18.17.1的版本,我就可以输入nvm install 18.17.1,等待下载并安装完毕即可。

  • 使用nvm list查看本地电脑所有的版本。
  • 使用nvm use <版本号>即可使用指定的版本,然后你可以使用node -v查看当前版本,或者使用nvm list查看当前本机的版本,前面带一个 * 号则为当前使用的版本比如这样的。

  • 如果你打不开上面的nvm网址,你可以在公众号回复nvm,就可以获取我备份的下载地址啦!

总结

以上就是需要安装的环境了,如果你在安装过程中遇到了任何问题,可以直接和我联系,我会帮助你一起解决,下一期就开始讲JavaScript基础知识了。

相关文章
|
7月前
|
移动开发 JavaScript 前端开发
JavaScript的运行环境是什么?
【4月更文挑战第10天】JavaScript的运行环境是什么?
348 2
|
7月前
|
JavaScript 前端开发 Java
JavaScript语言
JavaScript语言
40 1
|
2月前
|
存储 自然语言处理 JavaScript
JavaScript: 动态语言的魔法
JavaScript: 动态语言的魔法
15 0
|
3月前
|
JSON JavaScript 前端开发
如何使用代码注释:关于JavaScript与TypeScript
TSDoc是一种标准化TypeScript代码文档注释的规范,使不同工具能无干扰地提取内容。它包括多种标记,如@alpha、@beta等发布阶段标记;@decorator、@deprecated等功能标记;@defaultValue、@eventProperty等描述标记;@example、@experimental等示例与实验性标记;@inheritDoc、@internal等引用与内部标记;@label、@link等链接标记;@override、@sealed等修饰符标记;以及@packageDocumentation、@param、
58 5
|
6月前
|
JavaScript 前端开发 安全
JavaScript 和 TypeScript 趋势
【6月更文挑战第1天】JavaScript 和 TypeScript 趋势
70 3
|
7月前
|
JavaScript 前端开发 C语言
JavaScript编程语法练习
本篇文章是对于javaScript中if ,switch,while ,do-while,,for语法的作业练习.对于我来说也是对自己知识掌握的一种检验.是对js的基础语法进行的一次练习,通过有趣的示例进行练习,使得对于代码能够增加印象,对于知识的掌握更加透彻.
|
7月前
|
JavaScript 前端开发 IDE
JavaScript兼容性
【4月更文挑战第23天】JavaScript兼容性
71 6
|
7月前
|
机器学习/深度学习 人工智能 JavaScript
【JavaScript 与 TypeScript 技术专栏】JavaScript 与 TypeScript 的未来发展趋势
【4月更文挑战第30天】本文探讨了JavaScript和TypeScript的未来发展趋势。JavaScript将聚焦性能优化、跨平台开发、人工智能和WebAssembly的整合。TypeScript则将深化与其他框架的结合,强化类型检查,适应前端工程化,并与WebAssembly融合。两者在Vue 3.0及Web开发中的结合将更加紧密,TypeScript有望在更多领域扩展应用。随着技术进步,JavaScript和TypeScript的结合将成为Web开发的主流趋势。
184 2
|
7月前
|
JavaScript 前端开发 安全
【JavaScript 与 TypeScript 技术专栏】JavaScript 与 TypeScript 的对比与选择
【4月更文挑战第30天】本文对比了JavaScript和TypeScript在前端开发中的特点与差异。JavaScript以其灵活性和广泛支持成为Web开发基石,而TypeScript作为其超集,引入静态类型检查和面向对象概念,提升代码质量和开发效率。在项目选择中,考虑规模、团队协作和类型安全需求。两者可结合使用,逐步迁移或互操作,以适应不同场景。开发者应根据实际需求权衡利弊,发挥语言优势。
148 0
|
7月前
|
JavaScript 前端开发 Java
开发语言漫谈-JavaScript
JavaScript、Java名字很相近,但它们没有任何亲缘关系