vue、jdk、nodejs、maven、tomcat、git、MinGW、mysql、navicat下载与安装

article/2025/9/29 11:30:20

常用Java工具配置操作

文章目录

  • 常用Java工具配置操作
    • 一、Vue
      • 1.vue2.0安装与项目搭建
          • 1)基本环境安装
          • 2)项目搭建
      • 2.vue3.0安装与项目搭建
          • 1)基本环境安装
          • 2)项目搭建
      • 3.升级Vue3.0项目
      • 4.小操作
    • 二、JDK
    • 三、NodeJs
    • 四、Maven
    • 五、Tomcat
    • 六、Git
    • 七、MinGW
    • 八、MySql
        • 1.下载mysql
        • 2.使用命令行初始化mysql并安装
        • 3.配置环境变量【在任何位置都可以启动mysql服务,不用每次都进入到bin目录下面去】
    • 九、Navicat15

一、Vue

1.vue2.0安装与项目搭建

1)基本环境安装
  1. 安装node node -v查看版本号

  2. 测试npm版本 npm -v

  3. 将npm仓库地址改为淘宝镜像:npm config set registry https://registry.npm.taobao.org --global

  4. 安装vue npm install vue

  5. 安装vue-cli脚手架 npm install vue-cli -g

  6. 安装webpack :npm install webpack -g

  7. 安装less:npm install -g less

2)项目搭建
  1. 搭建vue项目 vue init webpack 项目名
  2. 进入项目 cd 项目名
  3. 启动项目 npm run dev

2.vue3.0安装与项目搭建

1)基本环境安装
  1. 安装node node -v查看版本号

  2. 测试npm版本 npm -v

  3. 将npm仓库地址改为淘宝镜像:npm config set registry https://registry.npm.taobao.org --global

  4. 安装vue npm install vue

  5. 安装vue-cli脚手架 npm install -g @vue/cli

  6. 安装webpack npm install webpack -g

  7. 安装less npm install -g less

2)项目搭建
  1. 搭建vue3.0项目 vue create 项目名
  2. 进入项目 cd 项目名
  3. 启动项目 npm run serve

3.升级Vue3.0项目

  1. 升级vue-cli :
cd vue-next-test
vue add vue-next

4.小操作

  1. 查看@vue/cli和vue版本号

    进入vue项目,npm list vue/vue -V

    3.0之后的版本需要 node.js 版本大于 8.9,vue-cli3的包名称由 vue-cli 改成了 @vue/cli

  2. 查看目前使用npm镜像的方法 npm config get registry

二、JDK

  1. 除了修改下载位置之外,傻瓜式安装

  2. 配置环境变量

    1. JAVA_HOME

      变量名:JAVA_HOME
      变量值:jdk的地址
      用途:定义一个变量,供其他地方使用

    2. Path

      变量名:Path
      变量值:%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin;
      用途:让系统在任何路径下都可以识别java、javac、javap等命令

    3. CLASSPATH

​ 变量名:CLASSPATH
​ 变量值:.;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar
​ 用途:告诉jvm要使用或执行的class放在什么路径上,便于JVM加载class文件,.;表示当前路径,tools.jar和dt.jar为类库路径

  1. 查看已经安装:java -version

    若想修改jdk的版本,则只修改环境变量中的JAVA_HEME即可

    出现下面即成功安装:
    在这里插入图片描述

三、NodeJs

  1. 修改下载位置,不用打钩
    在这里插入图片描述

  2. 命令行:查看node版本、查看npm版本npm -v

  3. 在你的nodejs安装目录下创建创建两个文件夹,名称分别为:node_global和node_cache,
    在node_global文件夹下再建一个node_modules文件夹,配置环境变量用

  4. cmd中 修改全局模块路径和缓存路径

    1. npm config set prefix “node_global路径”
    2. npm config set cache “node_cache路径”
  5. 配置成功后测试

    1. npm install express -g 安装express模块

四、Maven

  1. 直接解压

  2. 配置环境变量

    1. MAVEN_HOME:到bin目录
  3. 测试 mvn -v

  4. 修改配置

    1. conf/setttings.xml文件下的镜像mirror 仓库服务 (aliyun.com)
  5. 配置本地仓库

    1. 修改conf/settings.xml文件中的

      自己仓库的地址

  6. 测试安装成功:mvn help:system 在自己的\repository下会出现一些内容

五、Tomcat

  1. 卸载:删除安装目录即可

  2. 下载:直接解压

  3. 测试安装成功:

    1. 启动bin下的startup.bat
    2. 启动过程中浏览器中输入:localhost:8080 或者 127.0.0.1:8080出现tomcat主页面即成功
  4. 解决乱码

    1. conf/server.xml中的Connector
    <Connector port="8080" protocol="HTTP/1.1"connectionTimeout="20000"redirectPort="8443" URIEncoding="UTF-8"/>
    

六、Git

  1. 傻瓜式安装,一路next

  2. 查看版本 git --version

  3. 为IDEA配置Git
    在这里插入图片描述

七、MinGW

  1. 下载地址:http://www.mingw-w64.org/doku.php
  2. 参考博客:(12条消息) MinGW-w64 C/C++编译器下载和安装_石大侠-CSDN博客_mingw64
  3. 添加环境变量:Path:到bin目录
  4. cmd测试安装:gcc -v或g++ -v
  5. 写C文件编程测试一下:gcc hello.c -o hello—>hello输出

八、MySql

1.下载mysql

  1. mysql下载网址:http://dev.msql.com/downloads/mysql/

  2. 解压缩:将下载好的压缩包放到自己想保存的目录下

  3. 创建初始化文件

    1. 找到mysql的文件目录,在根目录下创建一个.txt文件,并将其改名为my.ini(后缀改为ini)
    2. 编辑该文件
    [mysqld]
    port = 3306
    basedir=E:\MyTools\MySql\mysql-8.0.27		//mysql存放目录
    datadir=E:\MyTools\MySql\mysql-8.0.27\data			//mysql下的data存放目录
    max_connections=200
    max_connect_errors=10
    character-set-server=utf8mb4
    default-storage-engine=INNODB
    #mysql_native_password
    default_authentication_plugin=mysql_native_password
    [mysql]
    default-character-set=utf8mb4
    [client]
    port=3306
    default-character-set=utf8mb4
    

2.使用命令行初始化mysql并安装

  1. 进入bin目录下:mysqld --initialize --console 对mysql进行初始化,并获得初始密码

  2. 安装mysql服务:mysqld --install mysql 命令对mysql进行安装
    若出现 :The service alreadly exists,则sc delete mysql将命令删除

    ​ mysqld.exe -install 将mysql安装到服务中去
    ​ mysqld.exe -remove 将mysql使用命令进行卸载

  3. 启动mysql服务net start mysql

  4. 连接mysql:mysql -u root -p旧密码

  5. 修改密码:alter user ‘root’@‘localhost’ identified by ‘root’;

3.配置环境变量【在任何位置都可以启动mysql服务,不用每次都进入到bin目录下面去】

  1. 环境变量中添加MYSQL_HOME=mysql路径
  2. Path中添加两个:%MYSQL_HOME%、%MYSQL_HOME%\bin

九、Navicat15

Navicat使用细明_哔哩哔哩_bilibili

  1. 运行navicat15.exe安装
  2. 打开Navicat_Keygen_Patch_V5.5_By_DFoX.exe,选中navicat15并点Path选择navicat15.exe,出现navicat.exe - x64-> Cracked!便是执行成功
  3. 运行navicat15,点击Generate,得到key,将注册码复制到验证中去,手动激活
  4. 得到请求码,点击Paste,Generate,点击激活,完成激活!

http://chatgpt.dhexx.cn/article/CUxF4hGY.shtml

相关文章

生信技能树 linux下安装bowtie2和使用bowtie2进行初步比对

linux下安装软件 echo $PATH ##查看路径echo $PATH|tr ":" "\n"|xargs ls -lh ls -lh /usr/bin 下载安装Bowtie2 首先在root下新建一个Biosoft的文件夹&#xff0c;切换目录到该文件夹 cd Biosoft 再在该文件夹下&#xff0c;新建一个Bwotie2的文件夹 mk…

LCWGS(6)在Linux服务器上安装Bowtie2

Bowtie2是一种用于将序列读段与长参考序列进行比对的超快且内存高效的工具。它特别擅长对齐大约50到100或1000个字符的读段&#xff0c;并且特别擅长对齐相对较长的&#xff08;如哺乳动物&#xff09;基因组。Bowtie2用FM索引对基因组进行索引&#xff0c;以保持其占用的内存空…

Bowtie2去除污染的使用方法

简介 Bowtie 2是一种用于长参考序列对齐测序读取的工具。它尤其擅长将大约50-100多个字符的比对到相对较长的&#xff08;例如哺乳动物&#xff09;基因组。Bowtie 2支持gapped, local,and paired-end alignment模式。可以同时使用多个处理器以实现更高的对齐速度。 使用方法 b…

html怎么删除链接css,css如何去掉链接的下划线?

我们在HTML网页制作过程中&#xff0c;相信大家对超链接这个概念并不陌生。我们都知道想要给某段文本或者指定元素添加一个锚点也就是超链接需要用到HTML中的a标签。 在使用a标签时文本超链接会自动出现下划线&#xff01;这就让一些小白们感到苦恼了&#xff0c;因为从视觉美观…

CSS学习笔记

目录 1. 学习CSS的基础 1.1 基本语法规范 1.2 引入方式 2. 选择器 2.1 选择器的功能和种类 2.2 基础选择器 2.3 复合选择器 2.3.1 后代选择器 2.3.2 子选择器 2.3.3 并集选择器 2.3.4 伪类选择器 3. 常用元素属性 3.1 字体属性 3.2 文本属性 3.3 背景属性 3.4 圆角…

HTML 类别选择器下划线,css text-decoration下划线 删除线 上划线属性样式

一、DIV+CSS下划线基础 DIV CSS text-decoration下划线、删除线、上划线属性,本节介绍使用div+css样式实现文字字体下划线、字体删除线贯穿线、上划线样式。 1、CSS控制下划线出现用到地方 - TOP 在DIV CSS网页中常常使用CSS代码来人对象文字内容加上下划线。 使用CSS属性单词…

html p标签 删除线,strike html 删除线 贯穿线标签

html 标签元素&#xff0c;删除线标签元素\贯穿线标签元素 配置文本翰墨字体删除线标签 &#xff0c;字体翰墨上中穿一线画一横&#xff0c;经常在价值原价与优惠价值用到&#xff0c;原价数字上运用删除线成就&#xff0c;当初优惠价钱数字畸形显现。 一样平常对文字、数字等…

iOS 删除线不显示问题 10.3以后

更新到最新的系统后&#xff0c;删除线不显示&#xff0c;低版本没问题。 解决方法&#xff1a; 添加NSBaselineOffsetAttributeName就可以了 例如&#xff1a; [orignalAtt addAttributes:{NSBaselineOffsetAttributeName:(NSUnderlineStyleSingle),NSBaselineOffsetAttrib…

用css怎样实现波浪线,Css3实现波浪线效果1

一、波浪线 ,常用 .info::before {content: ; position: absolute; top: 30px; width: 100%; height: 0.25em; background: linear-gradient(135deg, transparent, transparent 45%, #008000, transparent 55%, transparent 100%), linear-gradient(45deg, transparent, trans…

css如何去掉表格中的线,css怎么设置表格线

css设置表格线的方法&#xff1a;首先新建一个html文件&#xff1b;然后使用table标签创建一个两行两列的表格&#xff1b;接着设置table表格的id为testable&#xff1b;最后使用border属性设置表格线为1px的红色线即可。 本文操作环境&#xff1a;windows7系统、HTML5&&am…

小程序中适用—css样式_删除线等

text-decoration下划线CSS单词值参数&#xff1a; none :  无装饰 blink :  闪烁 underline :  下划线 line-through :  贯穿线 overline :  上划线 text-decoration:none 无装饰&#xff0c;通常对html下划线标签去掉下划线样式 text-decoration:underline 下划线样式 t…

php函数删除线,如何用css设置删除线样式?(代码详解)

本篇文章主要给大家介绍关于css删除线的设置实现方法。 相信大家在浏览各大商城网站时&#xff0c;都会看到一些关于产品促销的效果&#xff0c;比如某个产品的原价标记为多少&#xff0c;现价又改成了多少&#xff0c;并且为了用户发现更直观的差距&#xff0c;通常会在原价上…

css 线怎么改颜色,css删除线颜色怎么设置

在css中可以通过text-decoration属性设置删除线颜色&#xff0c;其设置语句如“text-decoration: line-through red;”&#xff0c;其中red参数则表示删除线的颜色。 本文操作环境&#xff1a;Windows7系统、css3版&#xff0c;DELL G3电脑 text-decoration 属性规定添加到文本…

CSS模块的书写以及删除线的作用和来历什么是删除线

<!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"><title>Title</title><style>/*关羽这一行代码变为绿色*/#gy_li{color: green}/*张飞,苹果这一行代码变为黄色*/#zf_li,#pg_ul{color: yellow}/*i…

css:text-decoration给文字增加上划线、删除线、下划线

CSS 语法 text-decoration: <text-decoration-line text-decoration-style text-decoration-color>text-decoration-line 值描述none默认。定义标准的文本。underline定义文本下的一条线。overline定义文本上的一条线。line-through定义穿过文本下的一条线。blink定义闪…

二叉树左旋右旋

二叉树的左旋和右旋简单图示 旋转是二叉树的基本操作&#xff0c;我们可以对任意一个存在父亲节点的子节点进行旋转&#xff0c;包括如下几种形式&#xff08;设被旋转节点为x&#xff0c;其父亲节点为p&#xff09;&#xff1a; 1.左旋 旋转前&#xff0c;x是p的右儿子。 x的…

红黑树区分 左旋 和 右旋

红黑树区分 左旋 和 右旋 仔细观察上面"左旋"和"右旋"的示意图。我们能清晰的发现&#xff0c;它们是对称的。无论是左旋还是右旋&#xff0c;被旋转的树&#xff0c;在旋转前是二叉查找树&#xff0c;并且旋转之后仍然是一颗二叉查找树。 左旋示例图(以x…

树的左旋与右旋

下图所示操作称为对结点Q的右旋&#xff0c;对结点P的左旋。二者互为逆操作。 简单讲&#xff0c;右旋——自己变为左孩子的右孩子&#xff1b;左旋——自己变为右孩子的左孩子。 [cpp] view plain copy #include class BinTree{ private: typedef struct node{ …

AVL树的左旋右旋理解

AVL树是最先发明的自平衡二叉查找树。在AVL树中任何节点的两个子树的高度最大差别为一&#xff0c;所以它也被称为高度平衡树。查找、插入和删除在平均和最坏情况下都是O&#xff08;log n&#xff09;。增加和删除可能需要通过一次或多次树旋转来重新平衡这个树。AVL树得名于它…