这个仓库用来存放在YouTube频道直播时产生的一些代码,旨在和大家一起学习、交流编写代码。
因为是学习使用Node.js
来编写代码,所以需要先做一些准备工作。
写代码的工具其实有很多,有的大佬可以直接记事本
或者notepad++
直接生撸,也有如我这样的小白需要各种辅助工具的。以前用过WebStrom
,感觉功能是很强大,但是需要收费,虽然网上可以找到各种破解的方法,不过还是希望能够支持正版。而且因为我个人的习惯,经常给电脑重做系统,所以一个相对轻量化的编辑器会更加适合我,这里我推荐使用微软推出的Visual Studio Code
。首先它是一款免费的编辑器,而且相对于WebStorm
这类型的IDE会更加的轻量。
vscode
的安装非常简单,直接到Visual Studio Code官网下载对应系统的安装包版本安装即可。
Node.js
的安装方式很多,这边根据我自己的习惯,我介绍2种方式。
-
本机安装
直接打开Node.js官网,选择长期支持的稳定版下载安装即可。
以前在 v14 版的时候,这样安装完就没有权限方面的问题了,但是到了 v16 版本之后,这样安装完直接通过包管理器全局安装第三方的包的时候,会出现权限问题的报错。
Node.js
官方给出了两种解决方案,因为个人没有多Node版本切换使用的需求,所以就没有选择nvm
(Node version manager)安装的方式来解决。-
重新安装
nvm
来解决权限问题。(官方推荐的方法)Node Version Manager参考其文档安装即可.
-
手动修改
npm
的默认路径。mkdir ~/.npm-global #在当前用户目录下新建全局安装目录 npm config set prefix '~/.npm-global' #修改npm的设置使用新的目录进行全局安装 touch ~/.profile #确认当前用户目录下有.profile文件 export PATH=~/.npm-global/bin:$PATH #在当前用户目录下的.profile文件中增加配置 source ~/.profile #让当前用户目录下的.profile文件立即生效
到此就已经可以正常的使用
npm
进行全局的第三方包的安装了
-
-
Docker安装
如果你不喜欢在本地安装,想通过容器来构建
Node.js
的基础运行环境,那么可以通过这种方式来安装。- 在Docker的官网下载Docker Desktop软件的安装包
- 在本地安装好
Docker Desktop
,打开确保Dcoker
的守护进程已经成功运行。 - 打开
vscode
,在vscode
的拓展中心找到 Remote Development套件包安装。 - 重启vscode,在左下角找到绿色的按钮点击打开远程连接,选择
Open folder in container
,然后选择好本地准备映射到容器中的文件夹,下一步选择Node.js
环境,再下一步选择所需的Node.js
版本即可。 - 等待容器构建好,在
vscode
中打开终端输入node -v
,确保已经能够顺利的看到Node.js
的版本号即可。
Node.js
中的第三方包管理器我知道的有 npm
、yarn
、cnpm
具体使用哪一个管理器则是根据个人的习惯去选择即可。
-
npm npm官网
常用命令
npm init
- 初始化一个项目npm install packageName
- 安装第三方包npm install packageName -g
- 全局安装第三方包npm install packageName -d
- 安装一个开发依赖npm uninstall packageName
- 删除一个第三方包 -
yarn yarn官网
常用命令
yarn init
- 初始化一个项目yarn add packageName
- 安装一个第三方包yarn global add packageName
- 全局安装第三方包yarn add packageName -D
- 安装一个开发以来yarn remove packageName
- 删除一个第三方包 -
cnpm cnpm官网
这个是npm的中国镜像,因为本地网络没有遇到什么限制,所以没用过这个包管理工具。有需要的可以到官网了解一下。大致使用方式跟npm一致。