软件下载安装连接

前端:HBuilder:官网:https://www.dcloud.io/hbuilderx.html

5.11 NodeJS
5.11.1 简介

谷歌Chrome的V8引擎执行JavaScript的速度非常快,性能非常好。于是开始有人在其基础上构建系统。2009年2月,Ryan Dahl在博客上宣布准备基于V8创建一个轻量级的Web服务器并提供一套库。这就是著名的Node.js,它采用事件驱动,采用主流NIO非阻塞I/O 模型,从而得以轻量和高效,非常适合在分布式设备上运行数据密集型的实时应用。
5.11.2 安装
官网:
https://nodejs.org/en/
https://npm.taobao.org/mirrors/node/v10.0.0/ #淘宝镜像链接
暂时不要太高版本,已经发现和Vue兼容不好。
Windows下非常好安装,一路NEXT即可。
node-v8.11.3-x64.msi

5.11.3 查看安装路径
通过dos命令,查找nodejs安装的位置:

在这里插入图片描述
在这里插入图片描述
注意:开发的Node.js应用,必须去实现一个健康检查接口,将来可以轻松和SpringCloud微服务架构进行整合,来让Sidecar可以把这个服务实例的健康状况报告给Eureka。
5.11.5 启动停止服务
安装完成nodejs,就可以在dos窗口中执行node命令,后面跟编写的node-server.js文件。
启动服务:
在这里插入图片描述

停止服务:
ctrl+c或者直接关闭窗口。
可以看到nodejs为何会横空出世,迅速占领市场,天下武功为快不破,node正印证了这点,启动服务神速,一个web运行环境秒启!
5.11.6 测试
访问首页
在这里插入图片描述
访问监控检查
在这里插入图片描述
访问不存在页面

在这里插入图片描述
6.5 Vue-cli脚手架
6.5.1 验证node.js 安装
dos命令提示符下执行:
node -v # v8.11.3,至少8以上
6.5.2 npm
npm(node package manager):nodejs的包管理器,用于node插件管理(包括安装、卸载、管理依赖等)
 npm -v # 5.6.0
6.5.3 cnpm
cnpm是一个完整 npmjs.org 镜像,可以用此代替nodejs.org官方版本,同步频率目前为10分钟一次,以保证尽量与官方服务同步。
npm切换到淘宝镜像方式:
npm config set registry https://registry.npm.taobao.org
直接使用淘宝镜像命令方式:
npm install -g cnpm --registry=https://registry.npm.taobao.org
cnpm –v #直接支持cnpm命令,和npm一样只是库不同

在这里插入图片描述

6.5.4 脚手架安装
vue-cli 脚手架工具安装与配置(需要几分钟)
npm install vue-cli -g
6.5.5 脚手架验证
vue --version # 2.9.6
6.6 创建vue项目
6.6.1 工作空间
进入工作空间目录:D:\java\ws\portal
在这里插入图片描述

6.6.2 生成vue 项目
基于vue.js的官方webpack模板:(乱码无需理会)
vue init webpack jt #此处项目名不能使用大写
在这里插入图片描述

Project Name 项目名称,默认,回车
Project description 默认,回车
Author chenzs 作者
vue build 默认,回车
install vue-router? 是否安装router,输入:y 安装
Use ESLint to lint your code? 规则引擎,过于严苛,输入:n
Setup unit tests? 单元测试,输入:n
Setup e2e tests with Nightwatch(Y/n)? 测试框架Nightwatch,输入:n
Should we run ‘npm install’ for
you after the project has been created? 默认npm,回车
在这里插入图片描述
在这里插入图片描述
注:
 jt为自定义项目的名称
 产生项目webpack模板,目录近138m,可见内容多复杂,庞大
6.6.3 进入项目目录
cd jt #进入目录
6.6.4 启动项目 & 停止项目
npm run dev #启动服务,ctrl+c 停止
6.6.5 访问
端口号可能不同,以当前环境为准:
Your application is running here: http://localhost:8081 #访问
在这里插入图片描述

@[TOC]lombok
Lombok 是一个Java实用工具,可用来帮助开发人员消除 Java 的冗长,尤其是对于简单的 Java 对象(POJO)。它通过注解实现增加get,set方法。

官网:https://projectlombok.org/
10.4.2 安装
官网:https://projectlombok.org
最新版的idea不支持lombok。
安装前关闭eclipse,查看eclipse所在文件夹。
资源管理器中找到lombok所在文件夹,在地址栏输入cmd,进入dos,执行java -jar lombok.jar,如下图。
在这里插入图片描述

关闭弹出的警告窗口,点击 Specify location…,如下图
在这里插入图片描述
选择eclipse的安装目录,如下图
在这里插入图片描述
点击Install / Update,如下图
在这里插入图片描述
点击Quit Installer,完成安装,如下图
在这里插入图片描述
安装完成后,eclipse根目录下的eclipse.ini会被修改,增加了 一 行
-javaagent:D:\first\eclipse202006\eclipse\lombok.jar
如果安装完后,eclipse不能正常启动,可删除这一行。
在这里插入图片描述
10.4.3 pom.xml中加入依赖

org.projectlombok
lombok
true

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值