从0学习前端第一天,咱从node基础开始

​ 从0学习前端

由于来到了新的公司，大佬的第一个任务是好好学习，所以打算从头开始整理前端知识，也希望可以温故而知新。

一.node

是一个基于chrome v8引擎的javascript允许环境。

所以node是一个框架嘛？这个就留给大家讨论啦

1.node基础使用

​ npm是一个包管理器，它可以对项目的依赖文件进行加载，卸载等操作。

首先先得下载node.js,具体的下载地址 (https://nodejs.org/zh-cn/) ，然后就一系列的傻瓜式安装 。最后我们如何检验node是否安装成功了呢？

配置淘宝镜像：npm config set registry https://registry.npm.taobao.org

首先我们就通过node知识来快速搭建一个node的后台项目和一个node前台项目吧

node后台项目

（1）建立一个文件夹，文件夹名就为项目的名称

（2）通过npm搭建node项目,npm init 初始化一个node项目，然后会生成一个package.json文件

（3）npm install 把node依赖安装，生成node_modules和package-lock.json

(4) npm install express --save

引入express框架的目的是node官方推荐的框架，可以做为node的入门框架

–save的目的是自动将模块和版本号添加到dependencies部分。

（5）在文件夹里建立一个app.js(只是案例,js的名称并非只要app.js)的文件，并引入以下代码

//引用express的库
const express=require("express");`

`const app=express();`
//写后端的路由 get代表了get请求，'/'代表了请求的地址
`app.get('/',function(req,resp){`
       //传给前台的响应
​    `resp.send('hello world');`

`});`
 // 确定后端请求的端口号为8080
`app.listen(8080,function(){`
​    `console.log("8080")`

`});

​ express的具体使用可见：https://www.expressjs.com.cn/

（6）node app.js 就可以把node项目跑起来 然后此时

打开浏览器输出localhost:8080/ 如页面输出了hello world就说明项目已经成功跑起来了 。

​ 当然，以上只是node搭建服务器的一小小的案例。后面也会从一整个流程下来介绍node。

​ node前台项目

​ 由于公司的项目是使用react开发的，所以接下来我就使用node来搭建react项目

​ react是什么呢？

​ React 是一个声明式，高效且灵活的用于构建用户界面的 JavaScript 库

（1）首先还是建立一个文件夹，文件夹的名字为项目名字

（2）打开命令号到当前路径或者打开编辑器的Terminal输出npx create-react-app my-app

​ npx是什么呢？ npx是npm 5.2+附带的package运行工具。

（3）然后当项目搭建好了之后 命令号 cd my-app 然后

npm start 就可以运行项目啦，当有伙伴不喜欢用npm start 也可以更新package.json 文件的值来达到。