2-開發(fā)工具準(zhǔn)備

二、開發(fā)環(huán)境搭建

1. 軟件版本绍哎，最好保持一致：

后臺(tái)開發(fā)工具 IDEA 2018
前臺(tái)開發(fā)工具 Visual Studio Code
Java環(huán)境： jdk 1.8
Maven倉庫： maven 3.6.0
Git

2.軟件下載

下載地址：

idea2018 百度網(wǎng)盤：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環(huán)境設(shè)置.png

配置二：查找localRepository標(biāo)簽具垫，打開注釋隘擎，然后在本地找盤符新建repository文件夾痢法，作為本地的maven倉庫边苹，不配置默認(rèn)在C盤，所以設(shè)置到別的盤符裁僧，我這里是D盤个束。

maven環(huán)境設(shè)置2.png

配置三：設(shè)置maven的java編譯環(huán)境，在settings.xml文件搜索<profiles>標(biāo)簽聊疲，將里面的<profile>標(biāo)簽注釋打開茬底，然后使用以下配置替換保存。

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

注意設(shè)置java環(huán)境為自己的目錄

maven環(huán)境設(shè)置3.png

這樣maven就設(shè)置完成了获洲。

3.2 IDEA配置本地maven

默認(rèn)idea工具會(huì)自帶maven但是我們換成自己的阱表，打開idea工具，點(diǎn)擊File-->Settings-->Build, Execution, Deployment-->Build Tools-->Maven贡珊，替換里面的配置為我們自己的：

idea環(huán)境配置1.png

3.3 IDEA插件安裝

idea有許多非常優(yōu)秀的插件最爬，可以大大的提高我們的開發(fā)效率，可以去官網(wǎng)查看所有的插件门岔，這里呢我們選擇性的安裝幾款：

3.3.1 Lombok插件

Lombok這個(gè)插件爱致，可以幫我忙省略java實(shí)體類的許多代碼，只需要加注解就會(huì)自動(dòng)的幫我們注入get/set等方法寒随。接下來開始安裝糠悯，點(diǎn)擊File-->Settings-->Plugins，搜索Lombok點(diǎn)擊安裝妻往，完成后重啟idea即可互艾。

idea環(huán)境配置2.png

3.3.2 MyBatisX

MyBatisX可以幫我們快速的從mapper文件跳轉(zhuǎn)到dao層接口處，提高了效率讯泣，還不容易出錯(cuò)纫普，我這邊沒有找到所以安裝了MyBatisCodeHelperPro效果是一樣的。

idea環(huán)境配置3.png

3.3.3 Gitee

Gitee可以幫我們把代碼提交到碼云的倉庫判帮，是版本控制不可或缺的局嘁，搜索gitee,點(diǎn)擊安裝，重啟idea工具即可晦墙。

idea環(huán)境配置4.png

3.4 VsCode插件安裝

從官網(wǎng)下載好vscode一路安裝悦昵，提示需要以管理員身份打開，安裝好之后打開vscode,和IDEA一樣晌畅，vscode也有許多優(yōu)秀的插件但指，為了提高效率，選擇性的安裝一些：

3.4.1 Auto Close Tag 和 Auto Rename Tag

Auto Close Tag可以幫我們自動(dòng)進(jìn)行開閉標(biāo)簽，接下來安裝：

vscode配置.png

與Auto Close Tag類似棋凳，在Auto Close Tag底下有一個(gè)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開發(fā)：

vscode配置7.png

3.4.6 Live Server

實(shí)時(shí)服務(wù)器：

vscode配置8.png

3.4.7 Open In Borwser

在瀏覽器打開頁面：

vscode配置9.png

3.4.8 Vetur

開發(fā)vue項(xiàng)目用到：

vscode配置10.png

插件都安裝好后重啟Vscode軟件即可剩岳。

3.5 Node.js 安裝

要進(jìn)行前端開發(fā)我們還需要安裝前端的支持軟件Node.js贞滨，它是一個(gè)基于Chrome V8引擎的JavaScript運(yùn)行環(huán)境，我們這里關(guān)注node.js的npm功能就可以了拍棕，npm是隨同node.js一起安裝的包管理工具晓铆，類似于java開發(fā)中的maven。接下來開始安裝node.js绰播。
百度搜索node骄噪，打開node.js的官網(wǎng)，直接下載安裝程序：

node.js下載.png

下載好后蠢箩，直接打開一直下一步下一步默認(rèn)安裝就行链蕊，安裝完成：

node.js安裝.png

安裝完成后我們打開命令行，查看node.js版本信息：

查看node版本.png

然后為了快速下載谬泌，我們配置一下淘寶鏡像滔韵，在控制面板直接執(zhí)行命令：

npm config set registry http://registry.npm.taobao.org/

node.js配置.png

執(zhí)行完成，沒有錯(cuò)誤掌实。接下來就可以使用vscode進(jìn)行前端開發(fā)了奏属。

4.Git安裝

4.1 Git下載安裝

百度搜索git，點(diǎn)擊git官網(wǎng)潮峦，進(jìn)入官網(wǎng)囱皿，點(diǎn)擊下載最新的git客戶端：

git配置1.png

下載后一路點(diǎn)擊下一步安裝，使用默認(rèn)配置忱嘹，安裝好后在桌面嘱腥，右鍵鼠標(biāo)，看到Git Gui Hereh 和 Git Bash Here則說明安裝完成：

git配置2.png

4.2 Git基本配置

安裝好git后我們進(jìn)行基本的配置拘悦，右鍵點(diǎn)擊Git Bash Here進(jìn)入git控制臺(tái)齿兔，進(jìn)行配置：

git配置3.png

4.2.1 配置git當(dāng)前的用戶

//配置用戶名
git config --global user.name "user.name"
//配置郵箱
git config --global user.email "uesr.email"

git配置4.png

4.2.2 配置ssh免密登錄

我們要將代碼提交到GitHub或者碼云都需要遠(yuǎn)程連接，這里我沒配置免密連接就可以快速登錄提交代碼础米。我選用的是碼云賬號(hào)分苇，使用命令配置;

//生成秘鑰，輸入你在碼云注冊時(shí)的郵箱
ssh-keygen -t rsa -C "user.email"

點(diǎn)擊回車屁桑，輸入"y"在點(diǎn)擊兩次回車医寿，完成秘鑰生成：

git配置5.png

秘鑰生成后使用命令查看秘鑰：

cat ~/.ssh/id_rsa.pub

git配置6.png

復(fù)制完整的秘鑰，打開碼云的網(wǎng)站蘑斧，登錄上我們的賬號(hào)靖秩，在設(shè)置里點(diǎn)擊ssh公鑰须眷，添加我們自己的公鑰：

git配置7.png

點(diǎn)擊確定，進(jìn)行密碼驗(yàn)證沟突，完成后添加公鑰成功：

git配置8.png

回到我們的控制臺(tái)花颗，進(jìn)行測試，查看添加是否成功惠拭。使用命令：

ssh -T git@gitee.com

git配置9.png

出現(xiàn)success則說明成功扩劝。git配置完成