【干货分享】毕业设计项目系列-01搭建通用开发环境


搭建通用开发环境


项目类型

后台开发环境

一、下载开发工具

系统位数

我的电脑 ➡鼠标右键 ➡属性

注意

  • 32位系统不可以安装64位软件、64位系统可以兼容安装32位软件。

  • 部分软件自动识别32位和64位。

  • 最好统一安装相同位数的工具软件

  • 不要安装到包含中文路径目录下

  • 系统用户名(中文) - 导致环境安装无法正常工作 - 新建英文系统用户名

网盘下载

  • 链接:https://pan.baidu.com/s/1Gpyd4ialv4hIqwH-Kgobrw

  • 提取码:3qwc



二、工具安装及设置

2.1 安装Java JDK

安装JDK完成后设置环境变量:我的电脑—>属性—>高级系统设置—>高级—>环境变量—>系统变量

注意:根据安装路径C:Program FilesJavajdk1.8.0_241    设置 JAVA_HOME 环境变量。

注意:

  • 不要设置在用户变量

  • 变量名与变量值不要包含空格和中文符号

  • 编辑变量值尽量增加在最前面以分号结束,放在最后面有可能导致变量无法生效

  • 有些时候需要重启系统,环境变量才生效

  • MySQL、Maven、IDEA、Eclipse等等开发工具需要先安装Java JDK才可以正常安装使用

  • 如果环境变量还是无法生效请重新设置一遍。


检验:

运行/搜索—>cmd—>java  -version


注意:见到版本信息即配置成功?

  • 不一定,例如看到版本信息,但是依赖jdk环境的tomcat服务启动时发生闪退,这也是JDK环境变量没有设置好导致的。



2.2 Maven安装

尽量解压Maven到非系统盘[避免重装系统导致重新下载所有的依赖包 ]  (—_—!!!)。

设置环境变量:我的电脑—>属性—>高级系统设置—>高级—>环境变量—>系统变量

假设Maven安装路径 E:softapache-maven-3.6.3

检验:运行—>cmd—>mvn -v

  • 见版本信息即成功


Maven配置

(例如安装路径位为:E:softapache-maven-3.6.3confsettings.xml)

${env.MAVEN_HOME}/repository



  
    alimaven
    aliyun maven
    http://maven.aliyun.com/nexus/content/groups/public/
    central
  



    jdk-1.8
    
        true
        1.8
    
    
        1.8
        1.8
        1.8
    

后续还需要在开发工具Eclipse或IDEA中配置Maven。



2.3 IntelliJ IDEA 安装和设置

  • 安装请看官方文档或者搜索某度即可


IntelliJ IDEA 常用设置



Platform Settings SDKs设置

Project 和 Modules SDK设置(可选)

注意:需要新建项目和Modules以后设置。




IntelliJ IDEA JAVA 编译设置(可选)

注意:需要新建项目和Modules以后设置。




IntelliJ IDEA Maven设置  





IntelliJ IDEA 安装Spring Assistant插件

安装Spring Assistant插件为IDEA新建项目的时候增加spring initializr选项,用于创建spring boot项目:


2.4 Git安装

相对简单,此处省略。



2.5 有可能遇到的问题:

IDEA 解决代码提示功能消失

  • 解决方案(目前共有三种情况):

  • 情况一 勾选了"power save mode"(省电模式)。在省电模式下,就没有代码提示了。解决方法是,关闭省电模式,重启intellij idea。

  • 情况二 缓存问题。解决方法是,删除缓存 file -> invalidate caches,根据提示重启intellij idea。

  • 情况三 配色问题。解决方法是,切换到其他配色,比如内置配色darchla。


IDEA pom文件自动提示失效

数据库开发环境

一、MySQL安装

1.1 下载 MySQL

1.下载社区版:MySQL Community Downloads

2.选择系统、版本、在线完整安装包进行下载,跳转后不需要登陆,直接选择No thanks, just start my download.立即开始下载。

  1. MySQL官方文档


1.2 安装 MySQL

1.选择安装类型

2.自动检测按照需要的环境

3.同意在线安装依赖的环境

4.安装列表-点击Execute进行按照

5.安装进行中...

6.安装完成后进行下一步 Next...

7.安装完成后进行产品配置 Next...

8.产品配置 独立的MySQL Server和InnonDB集群

9.设置网络类型(TCP/IP、Port等)

10.配置类型(研发计算机、服务器计算机、专用计算机)

11.设置root管理员账号密码(开发调试可以设置简单密码,部署一定要设置复杂密码)

12.Windows服务配置

13.查看Windows服务(启动、停止、暂停、恢复)

我的电脑 -> 管理  -> 服务和应用程序  ->  服务  -> MySQL80

14.应用配置-Execute

15.应用配置-Finish

16.链接服务端测试(输入密码点击Check进行链接测试)

17.安装完成

18.安装完成后的MySQL软件列表


二、redis、mongodb安装

安装比较简单,此处省略,后续项目中展示。


前端开发环境

一、下载开发工具

注意:64位系统可以安装64位和32位的程序,32位系统只可以安装32位的程序。建议64位系统安装统一的环境。


注意:有些工具安装后会自动配置环境变量,但是必须重启系统才生效。


二、安装及配置


1. 安装 Node.js

1.1 安装成功后检验

开始菜单 ➡ 运行 ➡ 输入“cmd”  ➡ 命令提示符窗口➡ 输入:

$ node --version

运行结果:

出现版本号证明安装环境成功。

注意:Node.js安装完成后将自动增加路径系统PATH环境变量,如果没有需要手动添加。

环境变量的配置有时候需要重启系统才会生效!



1.2 使用淘宝NPM镜像CNPM

Node.js安装完后后自带npm,国内直接使用 npm 的官方镜像是非常慢的。

所以推荐使用淘宝NPM官网定制的cnpm命令行工具代替默认的 npm:开始菜单 ➡ 运行 ➡ 输入cmd ➡命令提示符窗口➡ 输入:

$ npm install -g cnpm --registry=https://registry.npm.taobao.org

运行结果:

这样就可以使用 cnpm 命令来安装模块了:

$ cnpm install [name]


2.安装 Yarn

2.1 安装成功检验

注意:Node.js安装完成后再安装yarn,并且yarn安装完成后需要重启系统,命令才会生效。

命令提示符窗口➡ 输入:

$ yarn --version

运行结果:



2.2 VSCode使用cnpm/yarn报错

在vscode中使用cnpm/yarn报错:"因为在此系统上禁止运行脚本。"原因是因为PowerShell执行策略问题。

解决方法:

以管理员身份运行VSCode;

命令提示符窗口➡ 输入:

$ get-ExecutionPolicy

显示Restricted,表示禁止状态;

启用:

$ set-ExecutionPolicy RemoteSigned
$ get-ExecutionPolicy

显示RemoteSigned,表示启用状态;

运行结果:



3.安装 Google Chrome

安装比较简单,此处省略。



4.安装 vue-devtools

在使用 Vue 时, Vue Devtools允许你在一个更友好的界面中审查和调试 Vue 应用。在开发环境下不要使用vue.js的 生产版本(即压缩版本,删除了警告),只有开发版本包含警告和调试模式。

官方提供在线安装和手动安装两种安装方式:

4.1 在线安装

  1. 打开Chrome浏览器,地址栏输入chrome://extensions进入扩展程序页面 ,并开启开发者模式

  1. 下载谷歌访问助手,解压后到 扩展程序页面➡加载已解压的扩展程序。

  2. 进入chrome 网上应用店并搜索vue devtools,注意提供方为官方网址。找到对应插件后 添加到Chrome

  3. 点击添加扩展程序

    注意版本问题:推荐5.3.3,6.0.0还不稳定。


    4.2  手动安装

    仅当您希望自己从源代码构建扩展以获取尚未发布的功能时,才需要这样做。

    确保您已经安装Node.js和Yarn,并重启动系统。

    1. 克隆此仓库,并解压到非中文路径下。

    2. cmd命令行窗口进入解压路径,并执行yarn install安装依赖

      例如解压路径为 E:�ue-devtools-dev ,则:

      命令提示符窗口➡ 输入:

      $ cd /d E:�ue-devtools-dev
      $ yarn install

      运行结果:

    3. 执行yarn run build编译插件


    4. 打开Chrome浏览器,地址栏输入chrome://extensions进入扩展程序页面

    5. 开启“开发者模式”

    6. 点击“加载解压后的扩展程序”,然后选择E:�ue-devtools-devpackagesshell-chrome。

      或者直接把shell-chrome文件夹拖进扩展程序页面。注意:安装成功后请不要删除该文件。

    4.3 安装成功

    1.新建一个html文档,在网页文档中引入vue.js开发版本

    2.开发版本会点亮地址栏旁Vue图标,按F12查看Vue调试模式界面(一般在最后面可拖拽到前面):


    5.安装 Visual Studio Code、Typora

    安装比较简单,此处省略。

    想要毕设项目源码+文档+PPT+指导手册的同学找Jessica老师(wx:sxbang6v6)咨询。

    PS:最后感谢粉丝们的支持,如果觉得分享还不错的话,欢迎大家随手点赞、分享。


你可能感兴趣的:(【干货分享】毕业设计项目系列-01搭建通用开发环境)