Study Day39 11.21

项目介绍

​ 高仿饿了吗

​ 学习内容

​ 1.Vue的进阶学习

​ 2.vue-cli 脚手架 搭建基本的项目结构

​ 3.vue-router 路由模块

​ 4.vue-resorce AJAX 请求数据

​ 5.Webpack 构建工具

​ 6.ES6 + eslint eslint:es6 代码风格的检查工具

​ 7.移动app开发的技巧 flex弹性布局 css stickfooter 好看的交换设计

​ 8.Node npm

毕业设计题目记得要发过来

补充你的简历 或者 开题报告

JS运行在哪里

• 运行浏览器中 浏览器有内核 内核包括 渲染引擎 js引擎

js可以全栈开发 js如何在服务器段运行 依靠 Node.js

Node

基于js进行开发 ， node提供操作系统底层的API 包括文件操作 进程操作 通信操作等等

机器语言 ----> 汇编语言 —> 高级语言 java 底层就是 c

Node可以做什么

• 制作有复杂逻辑的动态网站
• WebSocket服务器 通信工具 自助点单
• 命令行工具
• 开发应用程序
• …

Node.js 环境准备

安装NVM

1.普通安装方式 通过官网下载

2.多版本安装方式

• 卸载已有的NodeJS
• 下载nvm nvm 安装node 的工具
• 在磁盘上D:/deveop 创建两个子目录 nvm 和nodejs
• 把压缩文件解压到nvm目录中
• 右键以管理员身份打开 install.cmd
• 打开的cmd窗口直接回车 得到一个settings.txt 文件
• [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-IepF3IIi-1574321694302)(C:\Users\hasee\AppData\Roaming\Typora\typora-user-images\image-20191120095441132.png)]
• root 后面写上 nvm文件夹的位置 path 后面写上nodejs 的位置
• 配置环境变量
  • 右键 此电脑—> 属性—> 高级系统配置—> 环境变量—> 系统变量里新建
    • NVM_HOME D:\develop\nvm
    • NVM_SYMLINK D:\develop\nodejs
  • 在path中添加 新建的两个环境变量
    • %NVM_HOME%
    • %NVM_SYMLINK%
• 检测是否安装 cmd 中输入 nvm -version

安装Node.js

nvm list 查看当前安装的node版本

nvm install (版本号|latest) 安装指定版本的node

nvm uninsall 卸载

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-EcCmJzTG-1574321694304)(C:\Users\hasee\AppData\Roaming\Typora\typora-user-images\image-20191120104823156.png)]

安装插件 Terminal 快捷键 ctrl + shift + t

1. ctrl + shift + p 打开package control

2. 找到 install package

3. 输入插件名称 Terminal

4. 装好之后 通过 快捷键 ctrl + shift + t 得到窗口

Node命令行工具

REPL read - eval - print - loop 读取代码 执行 打印结果 循环这个过程