winney

It is never too old to learn.

0%
winney

发表于 更新于 分类于

认识 Node.js | Node.js学习指南 (poetries.top)

认识 Node.js

  • Node 是一个服务器端 JavaScript 解释器
  • Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境
  • Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型，使其轻量又高效
  • Node.js 的包管理器 npm，是全球最大的开源库生态系统
  • Node.js 是一门动态语言，运行在服务端的 Javascript

NVM

Node.js Version Manager（简称 NVM）是一个用于管理 Node.js 版本的命令行工具。Node.js 是一个流行的服务器端 JavaScript 运行时环境，用于构建 Web 应用程序和服务。NVM 允许您在同一台计算机上安装多个 Node.js 版本，并轻松在它们之间切换，以确保您的应用程序与特定的 Node.js 版本兼容。

  • nvm install <version>：安装指定版本的 Node.js。
  • nvm use <version>：切换到指定版本的 Node.js。
  • nvm ls：列出已安装的 Node.js 版本。
  • nvm alias <name> <version>：创建 Node.js 版本别名。

安装

使用git bash工具

1
curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.25.2/install.sh | bash

这些命令可以在 macOS 和 Linux 上使用。请注意，NVM 不支持 Windows，但您可以使用类似的工具，如 nvm-windows 或 nvmw。

nvm-windows 的安装和使用:

  1. 下载 nvm-setup.zip 安装文件。您可以在 nvm-windows GitHub Releases 页面 下载最新版本的 nvm-setup.zip。

  2. 解压缩 nvm-setup.zip 文件，并运行 nvm-setup.exe 安装程序。按照安装程序的指示进行安装。

  3. 安装完成后，打开一个新的命令提示符窗口（cmd.exe）或 PowerShell 窗口。

  4. 使用以下命令来查看所有可用的 Node.js 版本并安装其中一个：

    • 列出可用版本：

      1
      2
      bashCopy code
      nvm list available

    • 安装特定版本，例如 14.17.5：

      1
      2
      bashCopy code
      nvm install 14.17.5

  5. 使用以下命令来选择已安装的 Node.js 版本：

    1
    2
    bashCopy code
    nvm use 14.17.5

    这将设置当前的 Node.js 版本为 14.17.5。

  6. 验证 Node.js 版本是否正确切换：

    1
    2
    bashCopy code
    node -v

  7. 您还可以使用其他 nvm-windows 命令来管理 Node.js 版本，如 nvm list、nvm uninstall 等。

发表于 更新于 分类于

常用快捷键 大牛在用

格式化代码

1
Shift + Alt + F

代码缩进

选中代码段之后

1、向左

1
shift + TAB

2、向右：

1
TAB

更换主题

1
Ctrl + K + T

VSCode搜索指定某个目录下查找文件

  1. 先点击选中这个要查找的目录。
  2. 右键点击后，点击里面的「Find in Folder」即 在文件夹中查找…..

将VSCode设置成中文语言环境

快速在浏览器中打开
  1. 安装open in browser插件
  2. 重新启动VSCode
  3. 快捷键：Alt + B
使用sublime快捷键

安装插件：Sublime Text Keymap and Settings Importer

自动换行

https://jingyan.baidu.com/article/6f2f55a14ba6e3b5b93e6cd6.html

https://jingyan.baidu.com/article/6dad5075383c3fa123e36ec3.html

VSCode编辑器字体大小设置

“settings”——“文本编辑器”——常用设置——Editor：Font Size（这里设置为20）

VSCode如何用浏览器预览运行html文件

在”扩展“中搜索”view in browser“——右键点击html文件，选择View In Browser

view in browser已废弃， 换成”open in browser”

VSCode 编写Vue项目安装Vetur插件实现 代码高亮

VSCode中配置Vue3 + TS 的用户代码片段

设置——配置用户代码片段——新建代码片段——代码片段文件名（输入该快捷键生成代码片段–例如：vue3）

输入以下内容：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
{
	"vue-template": {
		"prefix": "vue3",
		"body": [
		"<template>",
		"",
		"</template>",
		"",
		"<script setup lang='ts'>",
		"",
		"</script>",
		"",
		"<style lang='less' scoped>",
		"",
		"</style>",
		],
		"description": "my vue3 template"
	}
}
使用方法：

在新建的.vue文件中，输入’vue3‘，即可快速生成以下代码：

1
2
3
4
5
6
7
8
9
10
11
<template>

</template>

<script setup lang='ts'>

</script>

<style lang='less' scoped>

</style>

插件

  • open in browser：在默认浏览器打开

  • CodeGeeX

  • Vetur插件

AI自动代码补全插件

Tabnine

tabnine官网

Tabnine AI Autocomplete

TabNine-GitHub

WebStorm10

WebStorm是最专业的前端IDE开发工具

WebStorm配置和快捷键

Atom_工具使用

由github发布的前端开发工具

非常强大和非常开发的开发工具平台

Atom的插件和主题安装和配置

发表于 更新于 分类于

登录云服务器：

1
ssh user@server_ip

将 user 替换为您的用户名，server_ip 替换为服务器的 IP 地址或主机名。

复制文件到云服务器：

1
scp local_file user@server_ip:remote_path

将 local_file 替换为本地文件路径，user 替换为您的用户名，server_ip 替换为服务器的 IP 地址或主机名，remote_path 替换为服务器上的目标路径。

从云服务器复制文件到本地：

1
scp user@server_ip:remote_file local_path

将 user 替换为您的用户名，server_ip 替换为服务器的 IP 地址或主机名，remote_file 替换为服务器上的源文件路径，local_path 替换为本地目标路径。

上传文件到云存储（如 AWS S3 或腾讯云 COS）：

1
aws s3 cp local_file s3://bucket_name/remote_path

或

1
coscmd upload local_file remote_path bucket_name

这些命令将本地文件上传到云存储桶（bucket）中

下载云存储中的文件到本地：

1
aws s3 cp s3://bucket_name/remote_file local_path

或

1
coscmd download bucket_name remote_file local_path

查看服务器状态：

1
systemctl status service_name

将 service_name 替换为您要查看状态的服务名称，例如 nginx、apache2 等。

启动、停止或重启服务：

1
2
3
sudo systemctl start service_name
sudo systemctl stop service_name
sudo systemctl restart service_name

查看服务器资源使用情况：

1
top

查找文件所在位置：

1
locate 文件名

修改了nginx的配置：

  1. 确保配置语法没有错误：sudo nginx -t

    1
    2
    3
    [root@VM-8-7-centos private]# sudo nginx -t
    nginx: the configuration file /etc/nginx/nginx.conf syntax is ok
    nginx: configuration file /etc/nginx/nginx.conf test is successful
  2. nginx -s reload

    Nginx 服务器 SSL 证书安装部署

有缓存，需要等半个小时以上