node的安装
-
node安装：
去官网：http://nodejs.cn/download/
下载 .msi文件cmd -> node -v
当Node.js安装成功后，npm会自动安装好
npm下载器 -> 默认会去 npmjs.com网站去下载 ( 国外 )
淘宝npm镜像：https://developer.aliyun.com/mirror/NPM?from=tnpm
npm install -g cnpm --registry=https://registry.npm.taobao.org
npm -> 国外 ( npm的操作，尽量用npm去操作命令 )
cnpm -> 国内 ( cnpm去下东西，尽量不要用cnpm操作命令 )
- node的cmd操作:
cd cd.. 进入目录、跳出目录
在指定的目录下去运行相关的文件。
如果想在任意的路径下去运行文件，可以写入到全局环境变量里
对于后期理解npm下载的文件很有帮助：
因为 npm 下载文件分为 全局 和 局部 两种模式
局部下载的包 -> 指定的路径下进行访问。
全局下载的包 -> 在任意路径下进行访问。
npm -> 去下载包的时候，大部分情况下都建议局部安装（除非这个包需要全局访问的时候，再全局去下载）
tab键 -> 快速提示
ctrl + c 退出操作( 向后执行 )
cls 清屏
dir 显示文件
mkdir 创建文件夹
rmdir 删除文件夹
type nul>file.txt 创建空文件
echo [content]>file.txt 创建带内容文件
del file.txt 删除文件
- node 扩展操作
npm :
局部 : npm install (i) xxx
全局 : npm install --global (-g) xxx
npm root –g 全局安装的位置
nvm和nrm :
nvm : 可以让电脑存在多个不同的node版本
1. nvm安装
nvm ls 查看
nvm install v10.0.0 创建版本
nvm use 10.0.0
nrm :
cnpm i -g nrm
nrm ls 查看
nrm use 切换
- node基本操作：
JS -> 浏览器 运行 -> 前端 ( 浏览器的查看控制台 )
JS -> Node.js 运行 -> 后端 ( Node控制台 , REPL模式 )
如果进行node编程：还是得需要编写文件，让控制台去执行这个文件。
node文件都是 xxx.js ( js文件 ) -> 执行 node xxx.js ( .js是可以省略的 )
安装nodemon, 实时侦测文件的变化
cnpm install -g nodemon
前端 -> 操作DOM，做一些交互行为。
后端 -> 操作数据，操作文件、安全、负载均衡、分布式等等。
虽然JS作为前端和node端的开发语言，大部分语法是通用的，但是由于他们做的事情不同，所以有一些功能不能通用，例如：DOM操作，Node做不了的。
-
自定义模块 :
ES6 -> ES Module规范
提供接口 exports {} export default {}
调用接口 import xxx from [path];Node.js -> 基于commonjs规范 ->
提供接口 module.exports exports
调用接口 require([path])Node.js -> xxx.mjs 采用ES6模块写法操作Node -
第三方模块：
cnpm nodemon : 全局安装 ( 一般都是已一种软件的形式进行使用 )
moment : 局部安装 ( 一般都是已一种代码的形式进行使用 )
node_modules 会自动生成 -> 存的就是局部用到的第三方模块cowsay : 局部安装 的话。也是可以调用到的。
node_modules / .bin 目录 再去 cmd 中执行 cowsay hello -
vue项目
/router -> router.js 配置路由 一级路由，二级路由，动态路由
/store -> index.js 、todo.js list.js user.js
/components -> /search/search.vue search-history.vue search-suggest.vue /top/top.vue /head/head.vue
/views -> /index/index.vue /detail/detail.vue ...
/server -> http.js -> axios进行二次封装前后端分离开发模式：前端后端两个服务环境，反向代理在一起
前台 -> vue
反向代理 config.vue.js -> proxy反向代理
后端 -> 网易云 Node接口
关于ejs后端模板的使用
-
去下载 ejs 这个模块 -> npm i ejs
但是express应用，可以不用去 require('ejs'); -
在express中设置ejs生效的中间件。
//key/value写法：表示模板的根目录是哪里，第一个参数views是固定的，第二个参数：自定义的
app.set('views','./views');
//key/value写法：表示模板的引擎，第一个参数view engine是固定的，第二个参数：自定义的
app.set('view engine','ejs'); -
基本语法：
<%= %> 解析文本，会把HTML解析成普通文本
<%- %> 可以解析HTML
<% %> 操作逻辑 if() else if() forEach()
<%- include() %> 引入其他模板片段
node.js的框架之一-express的使用
下载地址：http://www.expressjs.com.cn/
//express使用：
var express = require('express');
// 创建一个app应用，所有功能方法都是基于这个app应用去使用的
var app = express();
-
express中间件
express框架就是由各种中间件组成的，本身是极简的。
express中的中间件分类：
1. 应用级中间件 : app下使用的 app.use() app.get() app.post() app.all() ...
2. 路由级中间件 : express.router()
3. 错误级中间件 : app.use((err,req,res,next)=>{});
4. 内置中间件 :
express.static ：访问静态资源的
express.json、express.urlencoded : 能够拿到发送过来的数据
5. 第三方中间件中间件本质上就是一个函数。
-
中间件的使用：
function foo(req,res,next){
console.log(1);
next(); // 去执行下一个中间件，如果不调用next()话，就不会去执行下一个中间件
console.log(4);
}
function bar(req,res,next){
console.log(2);
next();
console.log(5);
}
function baz(req,res,next){
console.log(3);
next();
console.log(6);
}
// 1 2 3 6 5 4 , 中间件的执行顺序非常重要，顺序不同导致结果是不一样的，如果你希望这个中间件被触发的几率是大的，那么就应该让这个中间件写的前面。
网友评论