天天看点

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

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/

,环境与语言不同,没什么改动,只是不断完善,所以下载最新版就好了。

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

根据自己的情况下载。

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

(2)VScode编辑器

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

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

(3)npm的淘宝镜像

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

下篇文章进行环境搭建时我们说如何使用npm。

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

(4)mongodb 数据库

mongodb官网

https://www.mongodb.com/

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

根据自己电脑安装

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

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