nodejs攻略——第一章 配置

nodejs这玩意吧,我也是心血来潮的学习,所以啊。看这篇文章之前请大家有以下技能,如果没有。。我不确定你能看得懂,毕竟我文采水平实在有限。

前置技能要求:

c#或java 熟练+

JavaScript 熟练+

jQuery语法 熟练+

T-sql 熟练+

如果以上几个技能都不具备。那么这篇文章不适合你。毕竟我也才学了不到4个小时。好了,言归正传,我们开始学习nodejs。

 

(1)配置基础环境

nodejs的背景啥的我也懒得写,毕竟网上很多优秀的工程师,开源社区,XXXXX百科,W3XXXXX网站都已经写过了。我复制粘贴挺麻烦的。我们直接跳过介绍,来研究配置。

首先下载nodejs主体软件,地址是:http://nodejs.cn/download/

下载后,下一步下一步的安装,至于安装那个盘随你的心情。反正我都扔C盘了。。就是这么不专业。。能把我咋地?略略略。。。

接下来配置环境变量,根据其他作者的博文,在现在新版的nodejs时代里面已经集成了很多东西了,所以我们需要配置一下环境变量就ok

环境变量如下

在path的变量下面 加上你的nodejs的路径(注:以下两个都配置上,别问为什么,咱也不知道,就跟java配置环境变量似得,让你配就配,别问,问就是不专业)

 

 

 

 

 ok 配置好了。用cmd命令 检查一下自己的nodejs

指令

node -v

结果

 

在试试npm是不是也正常

指令

npm -v

结果

 

 

 

npm这个指令相当于在nodejs官方下载各种插件用的一种指令,这个指令属于常用指令。

当然有些地区可能无法FQ下载插件,大家可以去taobao的nodejs开源社区下载插件,怎么去下,怎么找,各位程序员我觉得不需要我教。

淘宝社区已经写的很清楚怎么改成他们的镜像balabala的。

 

ok 到这一步基本就是搞定了配置,这时候我们打开node.exe程序

我们在里面写入 

 console.log("hello 博客园");

返回结果如下图

 

 

 ok 能执行js脚本。环境配置完成50%,给自己双击一个666吧。这样已经具备初期的运行环境了。但是作为用惯VS开发的人,没有界面我就是个残废。那么。。。

下载一个现在业界流行的 visual code

 

(2)配置流行环境

当然如果不喜欢VS那种可视化的风格可以跳过这一节内容。

下载地址 https://azure.microsoft.com/zh-cn/products/visual-studio-code/

这个是免费的。。下载完毕之后。。下一步,下一步。。下一步。搞定。

双击桌面上的小图标

 

 

 是不是打开了一个全懵逼的页面(英语好的大佬绕过)

没关系,在弄之前,我们先给他变成中文的。

点击左侧的田字图表

 

 

 搜索language,在下面查找的内容中选择简体中文。如图

 

 

 

里面有个 install。。。点击一下下。完事之后让你重启,听话。重启吧。。。

重启之后你将获得一个简体中文的界面

在搜索一下nodejs ,会发现搜索到很多东西,毕竟我是刚学 3小时的小萌新

 所以我也不知道下什么。索性下载了一个这个玩意

 

 

 好了 到这为止,我们已经具备了开发nodejs一个基础环境了。

 

来实验一下。

点击文件——打开文件夹——创建一个文件夹

搞定

你会看到你新创建的文件在这里

 

依次解释一下旁边几个快捷图标,这几个图标根据我的经验,未来会经常用到

1. 新建文件,你新建文件的后缀名是什么这个文件自动会变成什么类型

2.新建文件夹,一般用作层级使用(估计未来多数用作区分服务端,客户端,交互端,前端等等文件夹)

 

3.刷新

4.折叠

好。我们点击新建文件,文件名就叫 test.js

会出现下面这样的东西

 

 

 

就酱紫创建了一个js文件。我们在这里写入刚才的js代码

 console.log("hello 博客园");

写完了。。。。。emmmmm怎么运行啊。。。算了根据我对微软IDE的了解,估计是F5。点一下试试。大不了就百度被。。。

果真是F5

在下面控制台出现了结果

 

 看输出了!!!

现在我们可以利用visual code软件来编写nodejs的代码了。酷不酷! 酷就完了!!!

 

最后总结一下

1.先下载nodejs

2.配置nodejs环境变量

3.下载visual code

4.下载中文插件以及nodejs插件

其实配置整个nodejs是非常简单的,只不过很多博主和网站为了显得自己专业,硬加了很多实用和不实用的操作以及插件。这些其实不是我们关心。

我们关心的是如何配置环境,而不是你的插件以及骚操作。我们关心的是原理以及编码风格。而不是各种连接跳转。

希望这篇文章能给你带来一些启发。

 

好了那么这一片文章就先到这里。下一篇内容。我们说一说如何做一个前端后端交互的小网页。喜欢的朋友双击关注么么哒哟(づ ̄ 3 ̄)づ

 

posted @ 2019-09-25 11:01  皮卡丘\(≧▽≦)/  阅读(271)  评论(0编辑  收藏  举报