Skip to content

S
skill_tree_vue

CSDN 技术社区 / skill_tree_vue

通知 5
Star 2
Fork 0
S
skill_tree_vue
提交 ae5c2503 编写于 作者: Z zhaoss
浏览文件
操作

样式测试

上级 97261759
隐藏空白更改
内联 并排
Showing with 28 addition and 27 deletion
data/1.Vue初阶/2.Node.js和npm/1.Node安装与配置/exercises.md
浏览文件 @ ae5c2503
# Node简介 # Node简介
<div style="#6495ED" >**小常识：**</div>  <div style="color: pink;">小常识：</div>
1.Node是什么 1.Node是什么
Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行时（运行环境），如浏览器也是js的运行环境，Node 也是JS的运行环境，但是将JS代码的应用场景扩展到了服务器端 Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行时（运行环境），如浏览器也是js的运行环境，Node 也是JS的运行环境，但是将JS代码的应用场景扩展到了服务器端
...@@ -9,41 +9,42 @@ Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行时（运行环境 ...@@ -9,41 +9,42 @@ Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行时（运行环境
2.1安装 2.1安装
打开 [Node官网](https://nodejs.org) 打开 [Node官网](https://nodejs.org)
<br/>
![在这里插入图片描述](https://img-blog.csdnimg.cn/879add00394246008c9a9b543ed5684e.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBA5Yeg5L2V5b-D5YeJ,size_20,color_FFFFFF,t_70,g_se,x_16) ![在这里插入图片描述](https://img-blog.csdnimg.cn/879add00394246008c9a9b543ed5684e.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBA5Yeg5L2V5b-D5YeJ,size_20,color_FFFFFF,t_70,g_se,x_16)
<br/>
如果不是你想要的版本，点击页面上的“DOWNLOADS” 链接，打开下载页面 如果不是你想要的版本，点击页面上的“DOWNLOADS” 链接，打开下载页面
<br/>
![在这里插入图片描述](https://img-blog.csdnimg.cn/1e331397f0144c3f838dcdfd9af16b05.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBA5Yeg5L2V5b-D5YeJ,size_20,color_FFFFFF,t_70,g_se,x_16) ![在这里插入图片描述](https://img-blog.csdnimg.cn/1e331397f0144c3f838dcdfd9af16b05.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBA5Yeg5L2V5b-D5YeJ,size_20,color_FFFFFF,t_70,g_se,x_16)
<br/>
下载完成之后，双击安装程序 下载完成之后，双击安装程序
<br/>
![在这里插入图片描述](https://img-blog.csdnimg.cn/9458a897f349475f9a64ddb06fcc4aa4.png) ![在这里插入图片描述](https://img-blog.csdnimg.cn/9458a897f349475f9a64ddb06fcc4aa4.png)
<br/>
下面以截图的方式展现安装过程，基本一路默认即可，需要注意的是安装目录不能是中文 下面以截图的方式展现安装过程，基本一路默认即可，需要注意的是安装目录不能是中文
<br/>
![在这里插入图片描述](https://img-blog.csdnimg.cn/369baeba5d4c42e68f1996e6cd10f47c.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBA5Yeg5L2V5b-D5YeJ,size_17,color_FFFFFF,t_70,g_se,x_16) ![在这里插入图片描述](https://img-blog.csdnimg.cn/369baeba5d4c42e68f1996e6cd10f47c.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBA5Yeg5L2V5b-D5YeJ,size_17,color_FFFFFF,t_70,g_se,x_16)
<br/>
![在这里插入图片描述](https://img-blog.csdnimg.cn/21f6e8c30b4a42bcae81371f0db7cf3b.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBA5Yeg5L2V5b-D5YeJ,size_17,color_FFFFFF,t_70,g_se,x_16) ![在这里插入图片描述](https://img-blog.csdnimg.cn/21f6e8c30b4a42bcae81371f0db7cf3b.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBA5Yeg5L2V5b-D5YeJ,size_17,color_FFFFFF,t_70,g_se,x_16)
<br/>
![在这里插入图片描述](https://img-blog.csdnimg.cn/236213a9b7ab4cea9b6b4466294ba078.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBA5Yeg5L2V5b-D5YeJ,size_17,color_FFFFFF,t_70,g_se,x_16) ![在这里插入图片描述](https://img-blog.csdnimg.cn/236213a9b7ab4cea9b6b4466294ba078.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBA5Yeg5L2V5b-D5YeJ,size_17,color_FFFFFF,t_70,g_se,x_16)
<br/>
![在这里插入图片描述](https://img-blog.csdnimg.cn/92f240884df44c9a97c9f38ca92aaa09.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBA5Yeg5L2V5b-D5YeJ,size_17,color_FFFFFF,t_70,g_se,x_16) ![在这里插入图片描述](https://img-blog.csdnimg.cn/92f240884df44c9a97c9f38ca92aaa09.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBA5Yeg5L2V5b-D5YeJ,size_17,color_FFFFFF,t_70,g_se,x_16)
<br/>
![在这里插入图片描述](https://img-blog.csdnimg.cn/9701fffbbd5046cba37d5446325c9ef4.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBA5Yeg5L2V5b-D5YeJ,size_17,color_FFFFFF,t_70,g_se,x_16) ![在这里插入图片描述](https://img-blog.csdnimg.cn/9701fffbbd5046cba37d5446325c9ef4.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBA5Yeg5L2V5b-D5YeJ,size_17,color_FFFFFF,t_70,g_se,x_16)
<br/>
![在这里插入图片描述](https://img-blog.csdnimg.cn/397916696d92417ea71dbd6af831146e.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBA5Yeg5L2V5b-D5YeJ,size_17,color_FFFFFF,t_70,g_se,x_16) ![在这里插入图片描述](https://img-blog.csdnimg.cn/397916696d92417ea71dbd6af831146e.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBA5Yeg5L2V5b-D5YeJ,size_17,color_FFFFFF,t_70,g_se,x_16)
<br/>
安装过程 安装过程
<br/>
![在这里插入图片描述](https://img-blog.csdnimg.cn/62e4397e1aae47428303eebaec4f776b.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBA5Yeg5L2V5b-D5YeJ,size_17,color_FFFFFF,t_70,g_se,x_16) ![在这里插入图片描述](https://img-blog.csdnimg.cn/62e4397e1aae47428303eebaec4f776b.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBA5Yeg5L2V5b-D5YeJ,size_17,color_FFFFFF,t_70,g_se,x_16)
<br/>
![在这里插入图片描述](https://img-blog.csdnimg.cn/230ce8e224ed4803946296857740ff61.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBA5Yeg5L2V5b-D5YeJ,size_17,color_FFFFFF,t_70,g_se,x_16) ![在这里插入图片描述](https://img-blog.csdnimg.cn/230ce8e224ed4803946296857740ff61.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBA5Yeg5L2V5b-D5YeJ,size_17,color_FFFFFF,t_70,g_se,x_16)
<br/>
注意：安装完成后，桌面上并没有什么快捷方式，因为Node仅仅是一个JS的执行环境 注意：安装完成后，桌面上并没有什么快捷方式，因为Node仅仅是一个JS的执行环境
...@@ -59,14 +60,14 @@ Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行时（运行环境 ...@@ -59,14 +60,14 @@ Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行时（运行环境
按下键盘上的 windows+S 键，输入 powershell ，会搜索到powershell 工具 按下键盘上的 windows+S 键，输入 powershell ，会搜索到powershell 工具
<br/>
![在这里插入图片描述](https://img-blog.csdnimg.cn/78e246f823e14903abcd4bd812e4c9d9.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBA5Yeg5L2V5b-D5YeJ,size_20,color_FFFFFF,t_70,g_se,x_16) ![在这里插入图片描述](https://img-blog.csdnimg.cn/78e246f823e14903abcd4bd812e4c9d9.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBA5Yeg5L2V5b-D5YeJ,size_20,color_FFFFFF,t_70,g_se,x_16)
<br/>
或者在任意位置，比如桌面，按下 shift 键同时，按下鼠标右键， 也会显示 powershell 工具 或者在任意位置，比如桌面，按下 shift 键同时，按下鼠标右键， 也会显示 powershell 工具
<br/>
![在这里插入图片描述](https://img-blog.csdnimg.cn/5ee77e55ba014146a52862fd6555a2c4.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBA5Yeg5L2V5b-D5YeJ,size_14,color_FFFFFF,t_70,g_se,x_16) ![在这里插入图片描述](https://img-blog.csdnimg.cn/5ee77e55ba014146a52862fd6555a2c4.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBA5Yeg5L2V5b-D5YeJ,size_14,color_FFFFFF,t_70,g_se,x_16)
<br/>
打开命令行后，输入如下命令 打开命令行后，输入如下命令
``` ```
...@@ -74,9 +75,9 @@ node -v ...@@ -74,9 +75,9 @@ node -v
``` ```
如果能够显示版本号，就表明node安装成功 如果能够显示版本号，就表明node安装成功
<br/>
![在这里插入图片描述](https://img-blog.csdnimg.cn/3c512e87ff604e8f80520026347627a7.png) ![在这里插入图片描述](https://img-blog.csdnimg.cn/3c512e87ff604e8f80520026347627a7.png)
<br/>
2.2环境安装失败解决办法 2.2环境安装失败解决办法
...@@ -88,14 +89,14 @@ node -v ...@@ -88,14 +89,14 @@ node -v
- 以管理员身份运行 powershell 工具 - 以管理员身份运行 powershell 工具
- 属于运行安装包命令：msiexec /package node安装包位置，如我安装包在如下位置 - 属于运行安装包命令：msiexec /package node安装包位置，如我安装包在如下位置
<br/>
![在这里插入图片描述](https://img-blog.csdnimg.cn/5a0a4d00e4de43e2b13b1d4d605b3227.png) ![在这里插入图片描述](https://img-blog.csdnimg.cn/5a0a4d00e4de43e2b13b1d4d605b3227.png)
<br/>
则输入如下命令进行安装 则输入如下命令进行安装
<br/>
![在这里插入图片描述](https://img-blog.csdnimg.cn/1881aa722cc04ced8b00615428bf0d48.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBA5Yeg5L2V5b-D5YeJ,size_20,color_FFFFFF,t_70,g_se,x_16) ![在这里插入图片描述](https://img-blog.csdnimg.cn/1881aa722cc04ced8b00615428bf0d48.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBA5Yeg5L2V5b-D5YeJ,size_20,color_FFFFFF,t_70,g_se,x_16)
<br/>
2.2.2 环境变量问题 2.2.2 环境变量问题
在 powershell 中输入 node -v 时，会提示 node 不是可识别的命令类似的错误信息，原因在于，没有将node可执行程序路径添加到环境变量中 在 powershell 中输入 node -v 时，会提示 node 不是可识别的命令类似的错误信息，原因在于，没有将node可执行程序路径添加到环境变量中
...@@ -105,7 +106,7 @@ node -v ...@@ -105,7 +106,7 @@ node -v
<br> <br>
<div style="#FF8C00">**小测试：**</div>  <div style="color: blue;font-size:24px">小测试：</div>
下列关于Node的描述 不正确 的是？<br/><br/> 下列关于Node的描述 不正确 的是？<br/><br/>
......
Markdown is supported
0% 或 .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑！
想要评论请 注册 或
新手
引导 客服 返回
顶部