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

相关文章
|
6月前
|
移动开发 JavaScript 前端开发
JavaScript的运行环境是什么?
【4月更文挑战第10天】JavaScript的运行环境是什么?
320 2
|
2月前
|
JavaScript 前端开发
常用的 JavaScript 框架和库
常用的 JavaScript 框架和库
127 6
|
6月前
|
JavaScript 前端开发 Java
开发语言漫谈-JavaScript
JavaScript、Java名字很相近,但它们没有任何亲缘关系
|
运维 监控 JavaScript
Javascript轻应用命令行工具
这里主要介绍轻应用的命令行工具,即用于轻应用的辅助开发,以简单的命令行方式运行在Mac或Windows电脑上的工具。命令行工具主要是用来推送设备应用脚本到设备端,并拥有一套完整的命令,可以完成设备的应用热更新、运维服务、日志服务等。
Javascript轻应用命令行工具
|
存储 自然语言处理 JavaScript
JavaScript 开发人员应该理解的 this
初次接触 this 是在 c# 中,再后来的 JavaScript ,两者在 this 处理上非常相似。但是 JavaScript 是一种基于原型的编程语言,没有类的概念。意味着 this 将指向调用函数的对象,通常称为上下文。当然 this 不止于此,在函数内部的引用可以绑定到不同的对象,这得取决于函数是从哪里被调用。this 问题和变量函数提升是前端面试常见的问题,关于变量提升可以参阅《加深Javascript变量函数声明提升理解》
131 0
|
前端开发 JavaScript
|
JavaScript 前端开发
(一)JavaScript小工具库
有一些小的常用的方法,整理起来封装一下,便于使用。
124 0
|
移动开发 JavaScript 前端开发
开发者必备的 12 个 JavaScript 库
现在 web 设计是最有趣的了,做好 web 设计不仅要熟练使用 Javascript,css 和 html 等,还要有自己的创意设计。为了方便大家发挥自己的 创意,就产生了很多 JS 框架,Node.js 扩展等等。有了这些工具,开发者们就能专注于创意设计了,而不用为某个功能而 花费太多精力。这里我们介绍的是 12 个开发者们必备的 JavaScript 库 ,都是一些很基础功能很强大的库。有了这些库,开发者们可以节省很多时间,大 大提高开发的效率,所以大家赶紧收藏起来吧:)
227 0
开发者必备的 12 个 JavaScript 库
|
Web App开发 JavaScript 前端开发
2018年你需要知道的13个JavaScript工具库
v2-307971e2f3800cf8ee6fde8a2e9ea1cc_1200x500.jpg 译者按: 你可能已经用到Underscore或者Lodash。
1378 0