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基础知识了。

相关文章
|
编解码 JavaScript 前端开发
JavaScript 01 入门基础
JavaScript 01 入门基础
33 1
|
6月前
|
JavaScript 前端开发 Java
开发语言漫谈-JavaScript
JavaScript、Java名字很相近,但它们没有任何亲缘关系
|
6月前
|
存储 JSON JavaScript
JavaScript完全教程3
JavaScript完全教程3
74 0
|
11月前
|
存储 移动开发 JavaScript
javaScript入门基础
javaScript入门基础
73 0
|
存储 JavaScript 前端开发
JavaScript函数:入门指南
JavaScript函数:入门指南
63 0
|
编解码 JavaScript 前端开发
javaScript入门
javaScript入门
53 0
|
JavaScript 前端开发 Linux
Javascript-入门介绍
Javascript-入门介绍
49 0
|
存储 JavaScript 前端开发
JavaScript入门
JavaScript入门
|
Web App开发 编解码 JavaScript
JavaScript入门基础
JavaScript入门基础
74 0
JavaScript入门基础
|
设计模式 JavaScript 前端开发
【JavaWeb】 JavaScript 开发利器之 jQuery
封装和抽象:jQuery库封装了一系列常见的DOM操作、事件处理、Ajax请求等功能,以简化开发人员的工作。它对底层的JavaScript操作进行了封装和抽象,提供了更简洁、易用的接口。 选择器引擎:jQuery库通过自定义的选择器引擎,可以使用CSS选择器来选择HTML元素。这使得开发人员能够方便地操作DOM元素,而不需要繁琐地编写原生的JavaScript代码。 链式调用:jQuery库采用链式调用的设计模式,使得可以对选择的元素进行连续的操作。通过返回相同的jQuery对象,可以在同一行代码中依次调用多个方法,提高开发效率和代码可读性。
下一篇
无影云桌面