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官方下载各种插件用的一种指令,这个指令属于常用指令。

当然有些地区可能无法翻墙下载插件,大家可以去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 ̄)づ

nodejs攻略——第一章 配置的更多相关文章

  1. LinuxShell脚本攻略--第一章 小试牛刀

    使用 shell 进行数学运算: #!/bin/bash no1=; no2=; let result=no1+no2 echo $result result=$[ $no1 + no2 ] resu ...

  2. LinuxShell脚本攻略--第九章 管理重任

    收集进程信息 $ ps PID TTY TIME CMD pts/ :: bash pts/ :: ps$ ps -f  #-f 显示更详细的信息UID PID PPID C STIME TTY TI ...

  3. LinuxShell脚本攻略--第二章 命令之乐

    用 cat 进行拼接 文件查找与文件列表玩转 xargs 用 tr 进行转换排序临时文件命名与随机数分割文件和数据根据扩展名切分文件名mv 批量重命名文件交互输入自动化 cat: echo 'Text ...

  4. [国嵌攻略][048][MMU配置与使用]

    MMU配置与使用 1.通过点亮LED使用虚拟地址来使用MMU,采用段页映射方式 2.任务步骤:1.建立一级页表 2.写入TTB 3.打开MMU 代码编写 1.虚拟地址的段地址0xA0000000,一级 ...

  5. MyBatis从入门到精通:第一章配置MyBatis

    <?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE configuration PUBLIC ...

  6. mac攻略(二) -- 简单配置php开发环境

    最简单直接的方式还是使用 Mac 上自带的 Apache 和 PHP.   1.启动 Apache 1>启动apache $sudo apachectl start; 2>启动后,在浏览器 ...

  7. mac攻略(1) -- 简单配置php开发环境

    [http://www.cnblogs.com/redirect/p/6112154.html]   最简单直接的方式还是使用 Mac 上自带的 Apache 和 PHP.   1.启动 Apache ...

  8. Linux Shell脚本攻略

    -Linux Shell脚本攻略 总结的来说,这本书很实践性和实用性强,都是给的具体的例子,直接可以在终端操作实践,比单纯只看不动手务实多了,另外就是,这本书涵盖的内容也比较广,从文本操作到服务器管理 ...

  9. 读书笔记--Linux Shell脚本攻略

    总结的来说,这本书很实践性和实用性强,都是给的具体的例子,直接可以在终端操作实践,比单纯只看不动手务实多了,另外就是,这本书涵盖的内容也比较广,从文本操作到服务器管理到远程ssh等等,都给出来作者挑选 ...

随机推荐

  1. markdownPad在win10下渲染报错问题

    今天使用MarkdownPad 2,打开后发现预览效果出错了,本来以为自己下载了破解版的缘故导致软件不稳定,后来查找了网上,发现这是一个普遍的问题,根据软件的提示来到官方FAQ页面,找到解决方法. 实 ...

  2. debian官网qcow2镜像修改root账号密码,开启ssh等

    1.下载官网qcow2镜像文件 wget http://172.16.20.10/vmtemplate/KVM/wangrui/Debian/debian-10.2.0-openstack-amd64 ...

  3. 【Java Web开发学习】Spring加载外部properties配置文件

    [Java Web开发学习]Spring加载外部properties配置文件 转载:https://www.cnblogs.com/yangchongxing/p/9136505.html 1.声明属 ...

  4. Codeforces Round #591 (Div. 2)

    A. CME 题目链接:https://codeforces.com/contest/1241/problem/A 题意: 你有 N 根火柴 , 多少根火柴就可以组成多大的数(如 三根火柴可以表示 3 ...

  5. Microsemi Libero使用技巧——FPGA全局网络的设置

    前言 刚开始做Microsemi FPGA+SoC开发时,会用到几个ARM专用的IP Core,功能一复杂起来,就会遇到某些信号如rst_n不能分配到指定的引脚上的情况,IO类型为CLKBUF,并不是 ...

  6. 设备数据通过Azure Functions 推送到 Power BI 数据大屏进行展示(2.Azure Functions实战)

    本案例适用于开发者入门理解Azure Functions/ IoT Hub / Service Bus / Power BI等几款产品. 主要实战的内容为: 将设备遥测数据上传到物联网中心, 将遥测数 ...

  7. WinForm WebBrowser 设置cookie

    [DllImport("wininet.dll", CharSet = CharSet.Auto, SetLastError = true)] public static exte ...

  8. CentOS 7上的系统管理之:Systemd和systemctl

    参考资料: Chapter 10. Managing Services with systemd Red Hat Enterprise Linux 7 | Red Hat Customer Porta ...

  9. Appium(六):元素定位

    1. 元素定位 对于自动化测试来说,核心技能就是对象的定位了.不管是web页面上的按钮或输入框,还是移动app上的一个按钮或输入框,我们要想对其进行点击或输入操作,前提是要先找到这个对象. webdr ...

  10. WPF无边框可拖动窗体

    下面主要记录下创建无边框窗体,并且可以拖动.这种窗体主要用于弹出小窗体时. <Window x:Class="WpfApplication1.MainWindow" xmln ...