编程教育资源分享平台

网站首页 > 后端开发 正文

nodejs 学习-11 VSCode 插件

luoriw 2024-02-01 14:31:01 后端开发 11 ℃ 0 评论

Node.js 是一个开源和跨平台的 JavaScript 运行时环境 ,之前有了解但并不精通, 本系列将重新来学习Node.js 并将相对要点做记录和整理。

创建Nest

使用 Nest CLI 建立新项目非常简单。 在安装好 npm 后,您可以使用下面命令在您的 OS 终端中创建 Nest 项目:

 $ npm i -g @nestjs/cli
 $ nest new project-name

Nest 提供了脚手架, 可以方便我们操作。

nest --help 可以看到所有cli提供的命令 。

Nest 开发环境

我们使用vscode 进行开发环境的搭建。

本章节主要来记录一下关于node版本, npm、yarn、pnpm等基本说明,以及vscode中如何使用插件说明,如何在vscode调试等等说明, 为之后正式进入到nestjs开发做好环境准备。

nvm nodejs 版本工具

nodejs 可以通过官方下载并安装lts的版本, 但是在我们开发的过程中,特别是开发人员可能同时涉及到前端, nestjs ,其他nodejs的开发时, 可能要再不同的nodejs 环境中切换使用, 那这里简单推荐一下mvn的使用。

nvm: 一个node的版本管理工具。

安装

windows安装,比较简单, 直接安装安装包即可。

下载地址:https://github.com/coreybutler/nvm-windows/releases

mac上安装, 可以使用homebrew 安装。

 brew update
 brew install nvm 
 mkdir ~/.nvm 
 vim ~/.bash_profile 
 // export NVM_DIR=~/.nvm
 
 source ~/.bash_profile
 

或采用安装脚本安装, 可以查看开源地址:nvm-sh/nvm: Node Version Manager - POSIX-compliant bash script to manage multiple active node.js versions (github.com)

 curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.7/install.sh | bash
 
 # or
 
 wget -qO- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.7/install.sh | bash

使用nvm

使用就比较简单

 Example:
   nvm install 8.0.0                     Install a specific version number
   nvm use 8.0                           Use the latest available 8.0.x release
   nvm run 6.10.3 app.js                 Run app.js using node 6.10.3
   nvm exec 4.8.3 node app.js            Run `node app.js` with the PATH pointing to node 4.8.3
   nvm alias default 8.1.0               Set default node version on a shell
   nvm alias default node                Always default to the latest available node version on a shell
 
   nvm install node                      Install the latest available version
   nvm use node                          Use the latest version
   nvm install --lts                     Install the latest LTS version
   nvm use --lts                         Use the latest LTS version
 
   nvm set-colors cgYmW                  Set text colors to cyan, green, bold yellow, magenta, and white

Npm\yarn\pnpm

这几个都是包管理工具

npm: nodejs的内置包管理工具。

yarn: facebook发布的包工具。

  • 并行安装机制,比npm的顺序安装模式快
  • 更简洁的命令行输出

pnpm,全称performant npm, 意为高性能的nodejs的包管理工具。

  • 并行安装机制
  • 通过共享存储的方式, 节省磁盘空间。
  • 通过硬链接和复联链接方式来重复使用相同依赖的实例,而非为每个项目复制依赖。
  • 快速启动
  • 兼容性更好, 可以与npm、yarn的生态系统兼容,无缝切换
  • cli 命令和npm 相似。
  • 缺点是生态相对较小,一些依赖可能不完全兼容。

不同的包管理工具, 可以结合具体场景来做选择。

npm 在大多数情况下都能正常工作, 同时不关心性能差异的时候可选择

yarn 比如需要更快的安装速度,并行下载。

pnpm 当关心磁盘大小,并你的项目兼容性较好时可选择。


vscode 环境

vscode 目前是比较好用的开发工具。 他的插件生态可以提供很多便利的使用。

这里推荐几款较为使用的插件。

  • Prettier:代码格式化工具


  • ESLint:代码检查工具

  • Code Runner


  • Vscode-icons-iconify :文件图示


  • Better Comments:写注解插件


  • I18n Ally :多语言管理


  • Tailwind CSS IntelliSense :tailwind 提示插件, 一般前端使用



vscode调试nestjs

请参考: 使用VS Code调试Nestjs项目 - 掘金 (juejin.cn)

Tags:

本文暂时没有评论,来添加一个吧(●'◡'●)

欢迎 发表评论:

最近发表
标签列表
最新留言