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官方下载各种插件用的一种指令,这个指令属于常用指令。
当然有些地区可能无法翻墙下载插件,大家可以去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攻略——第一章 配置的更多相关文章
- LinuxShell脚本攻略--第一章 小试牛刀
使用 shell 进行数学运算: #!/bin/bash no1=; no2=; let result=no1+no2 echo $result result=$[ $no1 + no2 ] resu ...
- LinuxShell脚本攻略--第九章 管理重任
收集进程信息 $ ps PID TTY TIME CMD pts/ :: bash pts/ :: ps$ ps -f #-f 显示更详细的信息UID PID PPID C STIME TTY TI ...
- LinuxShell脚本攻略--第二章 命令之乐
用 cat 进行拼接 文件查找与文件列表玩转 xargs 用 tr 进行转换排序临时文件命名与随机数分割文件和数据根据扩展名切分文件名mv 批量重命名文件交互输入自动化 cat: echo 'Text ...
- [国嵌攻略][048][MMU配置与使用]
MMU配置与使用 1.通过点亮LED使用虚拟地址来使用MMU,采用段页映射方式 2.任务步骤:1.建立一级页表 2.写入TTB 3.打开MMU 代码编写 1.虚拟地址的段地址0xA0000000,一级 ...
- MyBatis从入门到精通:第一章配置MyBatis
<?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE configuration PUBLIC ...
- mac攻略(二) -- 简单配置php开发环境
最简单直接的方式还是使用 Mac 上自带的 Apache 和 PHP. 1.启动 Apache 1>启动apache $sudo apachectl start; 2>启动后,在浏览器 ...
- mac攻略(1) -- 简单配置php开发环境
[http://www.cnblogs.com/redirect/p/6112154.html] 最简单直接的方式还是使用 Mac 上自带的 Apache 和 PHP. 1.启动 Apache ...
- Linux Shell脚本攻略
-Linux Shell脚本攻略 总结的来说,这本书很实践性和实用性强,都是给的具体的例子,直接可以在终端操作实践,比单纯只看不动手务实多了,另外就是,这本书涵盖的内容也比较广,从文本操作到服务器管理 ...
- 读书笔记--Linux Shell脚本攻略
总结的来说,这本书很实践性和实用性强,都是给的具体的例子,直接可以在终端操作实践,比单纯只看不动手务实多了,另外就是,这本书涵盖的内容也比较广,从文本操作到服务器管理到远程ssh等等,都给出来作者挑选 ...
随机推荐
- Spring 学习,看松哥这一篇万余字干货就够了!
1. Spring 简介 我们常说的 Spring 实际上是指 Spring Framework,而 Spring Framework 只是 Spring 家族中的一个分支而已.那么 Spring 家 ...
- win10配置git SSH
1.安装的过程就不说了,直接去官网下载git for windows 安装便可 安装完了,无非就是像用它,就想从github上clone项目下来,仅仅是安装了git还不能直接从远程下载项目下来哦,还需 ...
- Javascript 垃圾回收方法
Javascript 垃圾回收方法 标记清除(mark and sweep) 这是 JavaScript 最常见的垃圾回收方式,当变量进入执行环境的时候,比如函数中声明一个变量,垃圾回收器将其标记为& ...
- Hadoop相关问题解决
Hadoop相关问题解决 Hive 1.查询hivemeta信息,查到的numRows为-1 集群厂商 集群版本 是否高可用 是否开启认证 cdh 不限 不限 不限 在hivemeta库中可以通过以下 ...
- 前台get传递含中文数据到后台出现中文乱码
博客:(前后台文件编码相同)前台传后台中文乱码 4月4日补充 jsp页面第一句没有下面一句或者页面发布后查看源代码时第一句已经不在了 <%@ page language="java&q ...
- 原生js入门级测试题及答案
01.屏幕打印2000到3000之间的所有的数. <script type="text/javascript"> for (var i = 2000; i < 3 ...
- Elasticsearch系列---初识搜索
概要 本篇主要介绍搜索的报文结构含义.搜索超时时间的处理过程,提及了一下多索引搜索和轻量搜索,最后将精确搜索与全文搜索做了简单的对比. 空搜索 搜索API最简单的形式是不指定索引和类型的空搜索,它将返 ...
- webpack学习_资源管理(loader)
webpack 最出色的功能之一就是,除了 JavaScript,还可以通过 loader 引入任何其他类型的文件 引入资源步骤 Step1:安装你需要的loader Step2:在 module配 ...
- 【SHOI 2007】善意的投票
Problem Description 幼儿园里有 \(n\) 个小朋友打算通过投票来决定睡不睡午觉.对他们来说,这个问题并不是很重要,于是他们决定发扬谦让精神.虽然每个人都有自己的主见,但是为了照顾 ...
- JS---案例:简单轮播图
案例:简单轮播图 div叫盒子,里面包了2个小盒子,一个是inner,一个是square inner的div是放ul,里面有li,a,和图片 square的div里面放span,是轮播图的小点 < ...