搭建通用开发环境
项目类型
后台开发环境
一、下载开发工具
系统位数
我的电脑 ➡鼠标右键 ➡属性
注意
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.立即开始下载。
-
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 在线安装
打开Chrome浏览器,地址栏输入chrome://extensions进入扩展程序页面 ,并开启开发者模式
下载谷歌访问助手,解压后到 扩展程序页面➡加载已解压的扩展程序。
进入chrome 网上应用店并搜索vue devtools,注意提供方为官方网址。找到对应插件后 添加到Chrome
-
点击添加扩展程序
克隆此仓库,并解压到非中文路径下。
-
cmd命令行窗口进入解压路径,并执行yarn install安装依赖
例如解压路径为 E:�ue-devtools-dev ,则:
命令提示符窗口➡ 输入:
$ cd /d E:�ue-devtools-dev $ yarn install
运行结果:
-
执行yarn run build编译插件
-
打开Chrome浏览器,地址栏输入chrome://extensions进入扩展程序页面
开启“开发者模式”
-
点击“加载解压后的扩展程序”,然后选择E:�ue-devtools-devpackagesshell-chrome。
或者直接把shell-chrome文件夹拖进扩展程序页面。注意:安装成功后请不要删除该文件。
注意版本问题:推荐5.3.3,6.0.0还不稳定。
4.2 手动安装
仅当您希望自己从源代码构建扩展以获取尚未发布的功能时,才需要这样做。
确保您已经安装Node.js和Yarn,并重启动系统。
4.3 安装成功
1.新建一个html文档,在网页文档中引入vue.js开发版本
2.开发版本会点亮地址栏旁Vue图标,按F12查看Vue调试模式界面(一般在最后面可拖拽到前面):
5.安装 Visual Studio Code、Typora
安装比较简单,此处省略。
想要毕设项目源码+文档+PPT+指导手册的同学找Jessica老师(wx:sxbang6v6)咨询。
PS:最后感谢粉丝们的支持,如果觉得分享还不错的话,欢迎大家随手点赞、分享。