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. 开启html元素的编辑模式contenteditable="true"

    开启html元素的编辑模式contenteditable="true"

  2. 【Git】学习开始

    [Git]学习开始 转载:https://www.cnblogs.com/yangchongxing/p/10172683.html 在线电子书籍:https://git-scm.com/book/z ...

  3. 11条MySQL规范,你知道的有几个?

    一.数据库命令规范 · 所有数据库对象名称必须使用小写字母并用下划线分割 · 所有数据库对象名称禁止使用mysql保留关键字(如果表名中包含关键字查询时,需要将其用单引号括起来) · 数据库对象的命名 ...

  4. android studio 项目生成的apk变小的原因

    问题:感觉直接在apk文件夹下面拷出来的apk不能安装使用,而且apk比较小,可能就是这个问题引起的 Android Studio版本升级到2.3后,增加了instant run功能,对项目的buil ...

  5. 类型,值,变量知识总结(js)

    文章目录: 一. 全局变量和局部变量分析 二. 从两个角度去理解变量作用域 三. 关于浮点数值计算产生舍入误差的问题分析 四. 理解js预解析 一. 全局变量和局部变量分析 在函数外部由var定义的变 ...

  6. Codeforces Round #609 (Div. 2)

    A题 给出n,求大于n的两个合数a和b,并且a-b = n 直接输出n的倍数即可 int n; int main() { cin >> n; cout << 9*n <& ...

  7. SpringBoot IoC启动流程、初始化过程及Bean生命周期各个阶段的作用

    目录 SpringBoot IoC启动流程.初始化过程及Bean生命周期各个阶段的作用 简述 首先明确IoC容器是啥 准备-SpringApplication的实例化 启动-SpringApplica ...

  8. javascript对url进行编码和解码

    这里总结下JavaScript对URL进行编码和解码的三个方法. 为什么要对URL进行编码和解码 只有[0-9[a-Z] $ - _ . + ! * ' ( ) ,]以及某些保留字,才能不经过编码直接 ...

  9. mysql分表之水平分割

    一.背景 老大安排要对某张大容量表进行分割,根据年份分割成多张表. 二.水平分割 水平拆分是指数据表行的拆分,表的行数超过百万行时,就会变慢,这时可以把一张的表的数据拆成多张表来存放. 定义规则分表后 ...

  10. vue-element-admin在install的时候关于sass的错误信息

    vue-element-admin在install的是报关于sass的错误信息 今天使用vue-element-admin给自己弄的一个微信小程序编写一个后台管理系统的时候,报关于sass的错误,下载 ...