Stable Diffusion系列更新暂时告一段落,后续如有更新再看,目前开始更新JavaScript系列教程,包括整个前端技术栈等,这一期就是JavaScript的开发环境。
node环境
node环境是前端开发的重要环境之一,可以说是没有它,基本上就废了。
- 打开该网址,就会出现下面你的界面,咱们悬念则长期维护版本下载即可。
- 下载完毕后,双击打开,直接下一步,同意,一直下一步就好了。
- 如何查看我们是否安装好了?右击计算机,找到终端,打开
- 我们在以下界面输入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基础知识了。