技能学习:学习使用node.js + vue.js,开发前端全栈网站-1.工具和本地环境

本文涉及的产品
云数据库 MongoDB,通用型 2核4GB
简介: Node.js 运行环境是引领前端开发人员的“一道光”,让前端开发人员**仅**利用已掌握的 js 语言就可以实现对网站服务器环境的搭建与运行。打破了以往前后端分工合作、交流对接的惯性习惯。相对于传统PHP、JAVA开发,Node.js 附带的npm更方便、快捷地让前端开发人员更快、更方便地使用和获取其他前端大神封装好的 js 类库和精美UI样式库,舍去不同语言和不同编码的切换过程。

1.前言

为什么学习Node.js?

Node.js 是一个基于 Chrome V8 引擎的 JavaScirpt 运行环境。
Node.js 运行环境是引领前端开发人员的“一道光”,让前端开发人员 利用已掌握的 js 语言就可以实现对网站服务器环境的搭建与运行。打破了以往前后端分工合作、交流对接的惯性习惯。
相对于传统PHP、JAVA开发,Node.js 附带的npm更方便、快捷地让前端开发人员更快、更方便地使用和获取其他前端大神封装好的 js 类库和精美UI样式库,舍去不同语言和不同编码的切换过程。
本系列文章在bilibili《全栈之巅》课程学习过程中作学习记录而写,将学习过程中卡顿的问题整合并上网搜集资料留下学习日记,多数逻辑在全栈之巅课程习得,特此说明并支持全栈之巅大佬的课程。

作为一个专业打工人,最开始本UI设计师学习了PHP的TP后台框架、前端各种样式框架(类似layui , bootstrap),最终完成的页面参差不齐,代码混乱不堪,直到见识了 Node.js,才知道一个项目可以如此美丽。由此,现在以个人接单网站项目记录学习过程并分享给大家。此过程比较漫长,会持续更新直到项目上线,文章分节以单个功能或一个页面模块为单位,尽量不让大家看着心烦。

2.环境与工具

(1)Node.js
官网下载 http://nodejs.cn/,环境与语言不同,没什么改动,只是不断完善,所以下载最新版就好了。
image.png
根据自己的情况下载。
image.png

(2)VScode编辑器
Visual Studio Code,以前不太详细学习前端,发现许多前端大神都使用vscode编辑器,就像后端大佬使用webstorm一样。其中包含各种方便的插件,下方还可方便使用cmd窗口进行环境、类包的搭建与安装。最主要的是编写代码过程中提示功能是非常强的。
image.png

(3)npm的淘宝镜像
node.js是自带npm的,我们不用单独对npm进行下载。但是其是从国外进行下载,在网速不佳情况下会非常慢,所以要使用淘宝镜像提速。其他相关操作和原理大家自行百度就好,我用不到的东西就不跟大家提了。
下篇文章进行环境搭建时我们说如何使用npm。

npm config set registry https://registry.npm.taobao.org

(4)mongodb 数据库
mongodb官网https://www.mongodb.com/
image.png
根据自己电脑安装
image.png

相对于 MySQL,mongodb 数据库操作语言更便捷,MySQL 每一步都需要一个命令行进行操作。主要是好多前端大神使用 nodejs 都用这个数据库,像我这还在学习的傻子也不敢随便把 MySQL 用上,大家可以试试,不过尝试尝试新东西心情会好些。

相关实践学习
MongoDB数据库入门
MongoDB数据库入门实验。
快速掌握 MongoDB 数据库
本课程主要讲解MongoDB数据库的基本知识,包括MongoDB数据库的安装、配置、服务的启动、数据的CRUD操作函数使用、MongoDB索引的使用(唯一索引、地理索引、过期索引、全文索引等)、MapReduce操作实现、用户管理、Java对MongoDB的操作支持(基于2.x驱动与3.x驱动的完全讲解)。 通过学习此课程,读者将具备MongoDB数据库的开发能力,并且能够使用MongoDB进行项目开发。   相关的阿里云产品:云数据库 MongoDB版 云数据库MongoDB版支持ReplicaSet和Sharding两种部署架构,具备安全审计,时间点备份等多项企业能力。在互联网、物联网、游戏、金融等领域被广泛采用。 云数据库MongoDB版(ApsaraDB for MongoDB)完全兼容MongoDB协议,基于飞天分布式系统和高可靠存储引擎,提供多节点高可用架构、弹性扩容、容灾、备份回滚、性能优化等解决方案。 产品详情: https://www.aliyun.com/product/mongodb
相关文章
|
2月前
|
前端开发 关系型数据库 MySQL
基于python+django+vue.js开发的社区养老管理系统
基于python+django+vue.js开发的社区养老管理系统
92 1
|
8天前
|
JavaScript
Vue 开发技巧·1
【4月更文挑战第2天】通过props解耦Vue组件与路由参数,避免使用`$route`导致的高耦合。在路由配置中设定`props: true`,如`{ path: /user/:id, component: User, props: true }`,使组件能直接通过`props`获取`params`。此外,功能组件是无状态、不可实例化的,依赖外部数据且无生命周期,提高渲染性能。通过上下文参数传递所需数据,如`{{item.title}} {{item.content}}`,在父组件中定义并传递`list`数据。
26 8
|
26天前
|
Web App开发 JavaScript 前端开发
js开发:请解释什么是Node.js,以及它的应用场景。
Node.js是基于V8的JavaScript运行时,用于服务器端编程。它的事件驱动、非阻塞I/O模型使其在高并发实时应用中表现出色,如Web服务器、实时聊天、API服务、微服务、工具和跨平台桌面应用(使用Electron)。适用于高性能和实时需求场景。
18 4
|
1月前
|
JSON JavaScript 前端开发
Node.js:前端开发的后端利器
Node.js作为一种运行在服务器端的JavaScript环境,为前端开发者打开了后端开发的大门。它以其高效的事件驱动、非阻塞I/O模型以及强大的npm生态,使得前端开发者能够轻松构建服务器端应用,实现前后端的全栈开发。本文将探讨Node.js的核心优势、应用场景以及在前端开发中的重要性。
|
1月前
|
JavaScript 前端开发 开发者
如果你想在钉钉环境中运行JavaScript脚本
【2月更文挑战第17天】如果你想在钉钉环境中运行JavaScript脚本
34 6
|
1月前
|
Web App开发 JavaScript 前端开发
深入浅出:Node.js 在后端开发中的应用与实践
【2月更文挑战第13天】本文旨在探讨Node.js这一流行的后端技术如何在现代Web开发中被应用以及它背后的核心优势。通过深入分析Node.js的非阻塞I/O模型、事件驱动机制和单线程特性,我们将揭示其在处理高并发场景下的高效性能。同时,结合实际开发案例,本文将展示如何利用Node.js构建高性能、可扩展的后端服务,以及在实际项目中遇到的挑战和解决方案。此外,我们还将讨论Node.js生态系统中的重要工具和库,如Express.js、Koa.js等,它们如何帮助开发者快速搭建和部署应用。通过本文的探讨,读者将获得对Node.js在后端开发中应用的深入理解,以及如何有效利用这一技术来提升开发效率
|
2月前
|
JavaScript 前端开发 算法
【Node.js 版本过高】运行前端时,遇到错误 `Error: error:0308010C:digital envelope routines::unsupported`
【Node.js 版本过高】运行前端时,遇到错误 `Error: error:0308010C:digital envelope routines::unsupported`
64 0
|
2月前
|
前端开发 关系型数据库 MySQL
基于python+django+vue.js开发的医院门诊管理系统/医疗管理系统
基于python+django+vue.js开发的医院门诊管理系统/医疗管理系统
52 0
|
2月前
|
JavaScript 前端开发 开发者
vue组件化开发,与渐进式框架讲解
vue组件化开发,与渐进式框架讲解
18 3
|
2月前
|
Web App开发 JavaScript 前端开发
【Node.js】大前端技能最通俗易懂的讲解 快速入门必看
【Node.js】大前端技能最通俗易懂的讲解 快速入门必看
32 0