Skip to content

S
skill_tree_vue

CSDN 技术社区 / skill_tree_vue

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

1-2下面小节的习题更换优化

上级 9e856ee5
隐藏空白更改
内联 并排
Showing with 8 addition and 160 deletion
data/1.Vue初阶/2.Node.js和npm/1.Node安装与配置/exercises.md
浏览文件 @ 1c9069e3
# Node简介
 <div style="color: pink;font-size:22px;font-weight:700">小常识：</div>
1.Node是什么
Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行时（运行环境），如浏览器也是js的运行环境，Node 也是JS的运行环境，但是将JS代码的应用场景扩展到了服务器端
2.Node运行环境搭建
2.1安装
打开 [Node官网](https://nodejs.org)
<br/>
<br/>
<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)
<br/>
<br/>
如果不是你想要的版本，点击页面上的“DOWNLOADS” 链接，打开下载页面
<br/>
<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)
<br/>
<br/>
下载完成之后，双击安装程序
<br/>
<br/>![在这里插入图片描述](https://img-blog.csdnimg.cn/9458a897f349475f9a64ddb06fcc4aa4.png)
<br/>
<br/>
下面以截图的方式展现安装过程，基本一路默认即可，需要注意的是安装目录不能是中文
<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)
<br/>
<br/>
<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)
<br/>
<br/>
<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)
<br/>
<br/>
<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)
<br/>
<br/>
<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)
<br/>
<br/>
<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)
<br/>
<br/>
安装过程
<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)
<br/>
<br/>
<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)
<br/>
<br/>
注意：安装完成后，桌面上并没有什么快捷方式，因为Node仅仅是一个JS的执行环境
使用Node需要用到命令行工具
如何测试Node是否安装成功呢？
打开命令行工具，这里可以使用传统的 cmd 工具，也可以使用win10中的 powershell
我们这里使用后者
按下键盘上的 windows+S 键，输入 powershell ，会搜索到powershell 工具
<br/>
<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)
<br/>
或者在任意位置，比如桌面，按下 shift 键同时，按下鼠标右键， 也会显示 powershell 工具
<br/>
<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)
<br/>
<br/>
打开命令行后，输入如下命令
```
node -v
```
如果能够显示版本号，就表明node安装成功
<br/>
<br/>![在这里插入图片描述](https://img-blog.csdnimg.cn/3c512e87ff604e8f80520026347627a7.png)
<br/>
<br/>
2.2环境安装失败解决办法
2.2.1 错误代号 2502/2503
表示当前登录系统的用户权限不足。
解决方法：
- 以管理员身份运行 powershell 工具
- 属于运行安装包命令：msiexec /package node安装包位置，如我安装包在如下位置
<br/>
<br/>![在这里插入图片描述](https://img-blog.csdnimg.cn/5a0a4d00e4de43e2b13b1d4d605b3227.png)
<br/>
<br/>
则输入如下命令进行安装
<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)
<br/>
<br/>
2.2.2 环境变量问题
在 powershell 中输入 node -v 时，会提示 node 不是可识别的命令类似的错误信息，原因在于，没有将node可执行程序路径添加到环境变量中
环境变量添加方法，这里不再演示
<br>
 <div style="color: #8E7CC3;font-size:22px;font-weight:700">小测试：</div>
下列关于Node的描述 不正确 的是？<br/><br/>
## 答案
Node适合CPU密集型应用
Node.js 并不能作为后台开发的语言，因其体量较小，不足以支撑接口API。
## 选项
### A
Node处理高并发场景性能更佳
Node.js 被设计成单线程运行，但这并不意味着你无法利用到 CPU 的多个核心。
### B
Node只支持单核CPU，不能充分利用CPU
Node.js 在设计上类似于 Ruby 的 Event Machine 或 Python 的 Twisted 之类的系统。但 Node.js 更深入地考虑了事件模型，它将事件循环作为一个运行时结构而不是作为一个库来呈现。
### C
......
data/1.Vue初阶/2.Node.js和npm/2.NPM命令/exercises.md
浏览文件 @ 1c9069e3
# NPM命令
 <div style="color: pink;font-size:22px;font-weight:700">小常识：</div>
<br/>![在这里插入图片描述](https://img-blog.csdnimg.cn/d5316fd17a3c4c2cae007f1004c5fc28.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5Yeg5L2V5b-D5YeJ,size_20,color_FFFFFF,t_70,g_se,x_16)
<br/>
安装node成功后，我们就可以使用npm，我们了解到npm有非常多的命令来供我们开发使用，赶快去尝试一下这些命令吧！！！
<br>
 <div style="color: #8E7CC3;font-size:22px;font-weight:700">小测试：</div>
关于npm常用命令不正确的是？<br/><br/>
下列关于npm常用命令不正确的是？<br/><br/>
## 答案
全局安装 npm install xxx -S
npm install xxx -S 全局安装xxx
## 选项
### A
npm init：初始化package.json
npm install xxx@3.9.1 安装xxx的3.9.1版本
### B
查看npm安装的版本 npm -v
npm -v 查看npm安装的版本
### C
npm run dev：执行dev命令。dev是在package.json的scripts中配置的命令
npm run dev 执行dev命令。dev是在package.json的scripts中配置的命令
data/1.Vue初阶/2.Node.js和npm/3.CNPM安装/exercises.md
浏览文件 @ 1c9069e3
# CNPM安装
 <div style="color: pink;font-size:22px;font-weight:700">小常识：</div>
大家都知道国内直接使用 npm 的官方镜像是非常慢的，这里推荐使用淘宝 NPM 镜像。
淘宝 NPM 镜像是一个完整 npmjs.org 镜像，你可以用此代替官方版本(只读)，同步频率目前为 10分钟 一次以保证尽量与官方服务同步。
你可以使用淘宝定制的 cnpm (gzip 压缩支持) 命令行工具代替默认的 npm:
```html
$ npm install -g cnpm --registry=https://registry.npmmirror.com
```
这样就可以使用 cnpm 命令来安装模块了：
```javascript
$ cnpm install [name]
```
<br>
 <div style="color: #8E7CC3;font-size:22px;font-weight:700">小测试：</div>
关于cnpm下列说法不正确的是？<br/><br/>
......
Markdown is supported
0% 或 .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑！
想要评论请 注册 或