美文网首页
2-开发工具准备

2-开发工具准备

作者: 稚友22 | 来源:发表于2020-06-28 13:29 被阅读0次

    二、开发环境搭建

    1. 软件版本,最好保持一致:

    后台开发工具 IDEA 2018
    前台开发工具 Visual Studio Code
    Java环境: jdk 1.8
    Maven仓库: maven 3.6.0
    Git

    2.软件下载

    下载地址:

    idea2018 百度网盘:https://pan.baidu.com/s/1O0JrN9pJQKkY1dpuFIoA5w 提取码: cejg
    vscode: https://code.visualstudio.com/

    3.软件配置

    3.1 本地maven配置

    配置一:打开maven安装目录找到/conf/settings.xml使用记事本打开,查找mirrors,使用以下阿里云镜配置像替换原来配置:

    <mirror>
          <id>nexus-aliyun</id>
          <!-- <mirrorOf>*</mirrorOf> -->
          <mirrorOf>central</mirrorOf>
          <name>aliyun maven</name>
          <url>http://maven.aliyun.com/nexus/content/groups/public/</url>
     </mirror>
    
    maven环境设置.png

    配置二:查找localRepository标签,打开注释,然后在本地找盘符新建repository文件夹,作为本地的maven仓库,不配置默认在C盘,所以设置到别的盘符,我这里是D盘。


    maven环境设置2.png

    配置三:设置maven的java编译环境,在settings.xml文件搜索<profiles>标签,将里面的<profile>标签注释打开,然后使用以下配置替换保存。

    <profile>
            <id>compiler</id>
            <properties>
                <JAVA_HOME>C:\Program Files\Java\jdk1.8.0_74</JAVA_HOME>
            </properties>
    </profile>
    

    注意设置java环境为自己的目录


    maven环境设置3.png

    这样maven就设置完成了。

    3.2 IDEA配置本地maven

    默认idea工具会自带maven但是我们换成自己的,打开idea工具,点击File-->Settings-->Build, Execution, Deployment-->Build Tools-->Maven,替换里面的配置为我们自己的:


    idea环境配置1.png
    3.3 IDEA插件安装

    idea有许多非常优秀的插件,可以大大的提高我们的开发效率,可以去官网查看所有的插件,这里呢我们选择性的安装几款:

    3.3.1 Lombok插件

    Lombok这个插件,可以帮我忙省略java实体类的许多代码,只需要加注解就会自动的帮我们注入get/set等方法。接下来开始安装,点击File-->Settings-->Plugins,搜索Lombok点击安装,完成后重启idea即可。


    idea环境配置2.png
    3.3.2 MyBatisX

    MyBatisX可以帮我们快速的从mapper文件跳转到dao层接口处,提高了效率,还不容易出错,我这边没有找到所以安装了MyBatisCodeHelperPro效果是一样的。


    idea环境配置3.png
    3.3.3 Gitee

    Gitee可以帮我们把代码提交到码云的仓库,是版本控制不可或缺的,搜索gitee,点击安装,重启idea工具即可。


    idea环境配置4.png
    3.4 VsCode插件安装

    从官网下载好vscode一路安装,提示需要以管理员身份打开,安装好之后打开vscode,和IDEA一样,vscode也有许多优秀的插件,为了提高效率,选择性的安装一些:

    3.4.1 Auto Close Tag 和 Auto Rename Tag

    Auto Close Tag可以帮我们自动进行开闭标签,接下来安装:


    vscode配置.png

    与Auto Close Tag类似,在Auto Close Tag底下有一个Auto Rename Tag我们也安装一下:


    vscode配置2.png
    3.4.2 简体中文包

    Vscode支持中文,英文好的选择性安装,搜索Chinese:


    vscode配置3.png
    3.4.3 ESLint
    vscode配置4.png
    3.4.4 Html Css Support 和 HTML Snippets

    帮我们编写html/css:


    vscode配置5.png
    vscode配置6.png
    3.4.5 JavaScript (ES6)

    帮我们简化js开发:


    vscode配置7.png
    3.4.6 Live Server

    实时服务器:


    vscode配置8.png
    3.4.7 Open In Borwser

    在浏览器打开页面:


    vscode配置9.png
    3.4.8 Vetur

    开发vue项目用到:


    vscode配置10.png

    插件都安装好后重启Vscode软件即可。

    3.5 Node.js 安装

    要进行前端开发我们还需要安装前端的支持软件Node.js,它是一个基于Chrome V8引擎的JavaScript运行环境,我们这里关注node.js的npm功能就可以了,npm是随同node.js一起安装的包管理工具,类似于java开发中的maven。接下来开始安装node.js。
    百度搜索node,打开node.js的官网,直接下载安装程序:

    node.js下载.png 下载好后,直接打开一直下一步下一步默认安装就行,安装完成:
    node.js安装.png
    安装完成后我们打开命令行,查看node.js版本信息:
    查看node版本.png
    然后为了快速下载,我们配置一下淘宝镜像,在控制面板直接执行命令:
    npm config set registry http://registry.npm.taobao.org/
    
    node.js配置.png

    执行完成,没有错误。接下来就可以使用vscode进行前端开发了。

    4.Git安装

    4.1 Git下载安装

    百度搜索git,点击git官网,进入官网,点击下载最新的git客户端:


    git配置1.png

    下载后一路点击下一步安装,使用默认配置,安装好后在桌面,右键鼠标,看到Git Gui Hereh 和 Git Bash Here则说明安装完成:


    git配置2.png
    4.2 Git基本配置

    安装好git后我们进行基本的配置,右键点击Git Bash Here进入git控制台,进行配置:


    git配置3.png
    4.2.1 配置git当前的用户
    //配置用户名
    git config --global user.name "user.name"
    //配置邮箱
    git config --global user.email "uesr.email"
    
    git配置4.png
    4.2.2 配置ssh免密登录

    我们要将代码提交到GitHub或者码云都需要远程连接,这里我没配置免密连接就可以快速登录提交代码。我选用的是码云账号,使用命令配置;

    //生成秘钥,输入你在码云注册时的邮箱
    ssh-keygen -t rsa -C "user.email"
    

    点击回车,输入"y"在点击两次回车,完成秘钥生成:


    git配置5.png

    秘钥生成后使用命令查看秘钥:

    cat ~/.ssh/id_rsa.pub
    
    git配置6.png

    复制完整的秘钥,打开码云的网站,登录上我们的账号,在设置里点击ssh公钥,添加我们自己的公钥:

    git配置7.png
    点击确定,进行密码验证,完成后添加公钥成功:
    git配置8.png

    回到我们的控制台,进行测试,查看添加是否成功。使用命令:

    ssh -T git@gitee.com
    
    git配置9.png

    出现success则说明成功。git配置完成

    相关文章

      网友评论

          本文标题:2-开发工具准备

          本文链接:https://www.haomeiwen.com/subject/kfdqmhtx.html