前端菜鸟学习1———①编译器的选择及安装（Vs Code）②前端环境的安装

最新推荐文章于 2024-08-08 21:49:13 发布

回旋加速喷气式阿姆斯特朗炮

最新推荐文章于 2024-08-08 21:49:13 发布

阅读量828

点赞数 2

分类专栏：前端文章标签：前端菜鸟 vs code node.js

本文链接：https://blog.csdn.net/weixin_42257329/article/details/89364351

版权

前端专栏收录该内容

15 篇文章 1 订阅

订阅专栏

解决问题 ‘node’ 不是内部或外部命令，也不是可运行的程序或批处理文件。

前言：作为一只大三菜鸟，现在开始学前端好像有点晚了呢。博主学过Java，学过android，也学过最基本的MySQL数据库。数据结构课程等等也上过。做为一个电子类专业的学生，学校已经用心把我们往程序员上推了。
最近正在恶补linux和计算机概论。这算是打基础吧，尽量拉近我和计算机专业的同学的差距。为了将来的吃饭问题，我选择了前端这个发展方向。算是安慰我自己吧，从什么时候开始都为时不算太晚。

一，开发工具的选择（VS Code）

前端的开发工具很多。我所知的就有传统大佬Adobe家族的DreamWeaver，国产的Hbuildr（可以做Android和IOS的开发），曾经号称“Web前端开发神器”的WebStorm，还有最近兴起的有微软打造具有丰富社区支持的VS Code。我这儿只列举了一部份。还有很多前端的开发工具，比如记事本?
在经过深思熟虑后，且通过朋友得知他们公司前端用的是VS Code ,我最终决定选择VS Code来进行我前端学习。

二，安装VS Code

首先进入VS Code官网页面进行下载。VS Code官网链接进入下载页面如下图所示
点击Download下载接下来就是如教程般安装过程，安装流程就是一路next的，没有什么问题，也没有什么坑。唯一要注意的就是要养成不默认安装在C盘的好习惯。下载流程链接

三，前端环境Node.js的安装及注意事项

Node.js安装

1、打开NodeJS的官网，下载和自己系统相配的NodeJS的安装程序，windows系统还是MAC系统，还有包括32位还是64位一定要选择好，否则会出现安装问题。
官网下载地址链接

 下载地址：https://nodejs.org/en/download/

在这里插入图片描述接下来的安装也是一步步按照流程来。这块不清楚的同学可以按照这个教程来 Node.js安装和配置，这位大佬写的前半段安装过程还是可以参考的，后面就有问题了。

Node.js配置

首先安装完成后要检测是否安装完成，验证方法如下
windows+R调出面板，输入cmd命令。
在这里插入图片描述 然后分别输入node -v和npm -v验证，如果跳出版号就证明安装完成了
哇哦（请想象牧狗的欠打脸），出现了“ ‘node’ 不是内部或外部命令，也不是可运行的程序或批处理文件。”的错误提示。这就是一个坑了，我按照网上的教程一步步来在这儿就出问题了。原因是我们没有配置环境。有过其他编程基础的同学应该还记得，我们在使用Java之前也是要配置环境的。所以我们来愉快的配置环境吧

右击我的电脑，点击属性项。跳出控制面板的系统页面，如下图。然后点击左下的高级系统设置，跳出系统属性界面。
在这里插入图片描述点击环境变量，跳出页面。进行变量的添加。
在下方的系统变量栏点击新建。
变量名—— NODE_PATH
输入值—— 你安装node.js的地址
如下图，我安装的就是默认的C盘地址。非默认地址安装的同学记得修改

然后添加第二个变量
变量名—— PATH
输入值—— %NODE_PATH%
在这里插入图片描述然后点击确定。再次windows+R调出面板，输入cmd命令运行。输入node -v 和npm -v。这回正常跳出版号了，证明node.js和npm已经安装完成。