主题内容:基于Node.js构建完整服务端应用 Node开发环境安装 / VS Code开发工具和扩展安装 / Postman Web API 调试工具安装
目标框架:Node.js v14.15.4 (包含 npm 6.14.10)
开发工具:Visual Studio Code (VS Code)
开发平台:macOS Big Sur 11.1
开发人员:成长的小猪 Jason Song
背景描述:目前Node.js已经使用很广泛了,我们在前端开发中使用非常普遍,纯前端开发的同学对后端开发接触的比较少,原因是之前开发后端主要以.Net Java PHP等语言进行开发;现在有了Node运行环境,我们只要掌握JS和ES6及以上的语法和特性就可以轻松开发后端应用程序啦,接下来不管你是刚接触Node或者从前端切换至Node后端开发,之前我也是采用.Net和Java开发后端应用接口和服务等,后面的项目我都采用Node.js开发,主要前端也是用的Node.js,这样不用切来切去,可以很好的进行前端和后端面一起开发,不过在用Node开发后端中也遇到不少问题,同时解决了这些问题,我会在后面将实践中的经验和解决的问题分享给大家,后面我会用实际项目从创建到发布至生产环境过程介绍给大家,这样尽量让大家少走弯路,希望接下的实操能帮助到大家,呵呵!废话太多了,直接开干......
- 安装Node运行环境
- Node.js 下载地址 https://nodejs.org/zh-cn/download/
选择自己对应的操作系统,版本选择建议大家选择长期支持(LTS)版本进行下载安装
安装操作比较简单我们就略过吧
- 在命令行工具中验证一下node.js是否安装成功,分别执行以下三个命令进行验证
~ node -v v14.15.4 ~ npm version { npm: '6.14.10', ares: '1.16.1', brotli: '1.0.9', cldr: '37.0', icu: '67.1', llhttp: '2.1.3', modules: '83', napi: '7', nghttp2: '1.41.0', node: '14.15.4', openssl: '1.1.1i', tz: '2020a', unicode: '13.0', uv: '1.40.0', v8: '8.4.371.19-node.17', zlib: '1.2.11' } ~ npx -v 6.14.10
看到以上信息,证明Node安装成功,不过由于 npm 包服务器在国外,下载会经常失败,建议大家安装一下 NPM淘宝镜像
$ npm install -g cnpm --registry=https://registry.npm.taobao.org
- 安装VS Code开发工具和扩展
- VS Code 下载地址 https://code.visualstudio.com/
选择自己对应的操作系统版本进行下载安装,安装比较简单这里略过 - 安装 VS Code 扩展
为了更好的方便后面开发,这里我们需要安装项目相关的VS Code扩展
第一个扩展:(Chinese (Simplified) Language Pack for Visual Studio Code)如果你不喜欢英文版本的VS Code,可以在扩展中搜索框内输入“Chinses”关键字,按下图操作,然后点击“Install”
第二个扩展:(JavaScript (ES6) code snippets)后面我们介绍的实战项目中使用 ES6以上的语法和特性,所以我们需要装一个ES6语法提示,对后面开发很有帮助,建议大家安装,可以在扩展中搜索框内输入“ES6”关键字,按下图操作,然后点击“Install”
第三个扩展:(ESLint)代码规范,不管项目大小,团队大小,我们都需要一个统一的整洁的代码风格,漂亮的代码会给别人更容易读懂,注释也是一样,后面我介绍的实战项目都使用ESLint,建议大家安装,可以在扩展中搜索框内输入“ESLint”关键字,按下图操作,然后点击“Install”
- 安装Web API调试工具 Postman
因为我们后面的实战项目是Web API示例,Postman是一款非常优秀的API调试工具,强烈建议大家安装此工具,下载地址 https://www.postman.com/downloads/
我将在下一篇介绍创建 Node.js Web API 项目目录结构(项目骨架)
下一篇 基于Node.js构建完整服务端应用(创建 Node.js Web API 项目篇)
如果此文对你有一点点帮助,请给一个赞哦;如果你对此文感兴趣,请关注我,后面将继续更新相关内容,查看我本人更多原创文章,请点击这里=>。