从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 文件的值来达到。