管理系统类毕设(一)---准备工作

Bertha 。 2023-01-01 12:51 158阅读 0赞

### 准备工作 ###

*  配置开发环境
 *   *  前端开发环境
     *   *  安装VUE
         *   *  安装Node.js
             *  切换淘宝镜像(也可以安装cnpm)
             *  然后安装vue(4.0+)
     *  后端开发环境
     *  SpringBoot开发环境安装
     *  Mysql开发环境安装
     *  安装开发工具
 *  下载Vue模板
 *   *  github地址
     *  或者git直接克隆文件
     *  解压压缩包

> 我也刚搭好项目  
> ![在这里插入图片描述][20210102202506214.gif]

> 学习如何做一个毕设  
> 程序内容还是要自己想哦  
> `声明`本系列只是指导做毕设

> 需要用到的技术  
> html js css 了解vue  
> 开发工具 Webstorm 或者Vs 如果前面两个你都不想用或者不好安装 就用HBuilder X

# 配置开发环境 #

## 前端开发环境 ##

### 安装VUE ###

可以参考下面步骤也可以移步  
[Vue安装和第一个项目搭建][Vue]

#### 安装Node.js ####

下载地址[https://nodejs.org/zh-cn/][https_nodejs.org_zh-cn]  
下载安装完成打开cmd windows键+r 输入cmd或者搜索打开  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMDI3Njgx_size_16_color_FFFFFF_t_70_pic_center]输入 node -v  
![在这里插入图片描述][20201104193104859.png_pic_center]  
出现这种情况说明安装完成

如果没有出现可能是环境变量没有添加  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMDI3Njgx_size_16_color_FFFFFF_t_70]将安装的路径加入环境变量即可  
再次node -v

#### 切换淘宝镜像(也可以安装cnpm) ####

淘宝镜像速度快  
npm install cnpm -g（cnpm安装）

npm install -g cnpm --registry=https://registry.npm.taobao.org  
![在这里插入图片描述][20201104193255837.png_pic_center]  
回车就行

#### 然后安装vue(4.0+) ####

npm install -g @vue/cli  
如果安装了cnpm 可以使用cnpm安装  
cnpm install -g @vue/cli  
![在这里插入图片描述][20201104193351760.png_pic_center]  
同样回车  
vue -V(大写的V)  
![在这里插入图片描述][20201104193453893.png_pic_center]  
此时安装成功

## 后端开发环境 ##

## SpringBoot开发环境安装 ##

移步 [JDK和Maven的安装][JDK_Maven]

## Mysql开发环境安装 ##

我用的白嫖的腾讯云数据库  
本地搭建请移步  
[Mysql安装][Mysql]

## 安装开发工具 ##

Vs下载地址 [地址][Link 1]  
Webstorm 百度有破解版 下载新版就行  
HBuilder X [地址][Link 2]

# 下载Vue模板 #

此链接可直接下载压缩包

[https://github.com/dmhsq/electron-vue-dmhsq/archive/main.zip][https_github.com_dmhsq_electron-vue-dmhsq_archive_main.zip]

## github地址 ##

[https://github.com/dmhsq/electron-vue-dmhsq][https_github.com_dmhsq_electron-vue-dmhsq]  
或者  
[https://github.com/dmhsq/electron-vue/tree/main/template][https_github.com_dmhsq_electron-vue_tree_main_template]

electron中的 dist和src为测试 不用理会

## 或者git直接克隆文件 ##

git clone https://github.com/dmhsq/electron-vue-dmhsq.git

## 解压压缩包 ##

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMDI3Njgx_size_16_color_FFFFFF_t_70 1]准备工作完成

>   大家好，我是代码哈士奇，是一名软件学院网络工程的学生，因为我是“狗”，狗走千里吃肉。想把大学期间学的东西和大家分享，和大家一起进步。但由于水平有限，博客中难免会有一些错误出现，有纰漏之处恳请各位大佬不吝赐教！暂时只在csdn这一个平台进行更新，博客主页：[https://blog.csdn.net/qq\_42027681][https_blog.csdn.net_qq_42027681]。

> `未经本人允许，禁止转载`

![在这里插入图片描述][20201110144238980.gif_pic_center]

后续会推出

前端：vue入门 vue开发小程序 等  
后端： java入门 springboot入门等  
服务器：mysql入门 服务器简单指令 云服务器运行项目  
python：推荐[不温卜火][Link 3] 一定要看哦  
一些插件的使用等

大学之道亦在自身，努力学习，热血青春  
如果对编程感兴趣可以加入我们的qq群一起交流：974178910  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMDI3Njgx_size_16_color_FFFFFF_t_70_pic_center 1]

有问题可以下方留言，看到了会回复哦

[20210102202506214.gif]: /images/20221120/3ca74efbfcb94f56a0f24290e5f4f4ea.png
[Vue]: https://blog.csdn.net/qq_42027681/article/details/109497258
[https_nodejs.org_zh-cn]: https://nodejs.org/zh-cn/
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMDI3Njgx_size_16_color_FFFFFF_t_70_pic_center]: /images/20221120/681f140ff98444bfab48dbd0259d3628.png
[20201104193104859.png_pic_center]: /images/20221120/8eba693665a44e3fa18046917d4a583a.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMDI3Njgx_size_16_color_FFFFFF_t_70]: /images/20221120/802c265d28e543ac987ca46aad651976.png
[20201104193255837.png_pic_center]: /images/20221120/6e7cb524bb2d4a2ab0dec2bdf636e9bc.png
[20201104193351760.png_pic_center]: /images/20221120/e2c08be27bd9449f814b4b7e69d3742c.png
[20201104193453893.png_pic_center]: /images/20221120/e252295d5309477aa4dfc59bfdb78783.png
[JDK_Maven]: https://blog.csdn.net/qq_42027681/article/details/112061420
[Mysql]: https://blog.csdn.net/qq_42027681/article/details/112061744
[Link 1]: https://visualstudio.microsoft.com/zh-hans/downloads/
[Link 2]: https://download1.dcloud.net.cn/download/HBuilderX.3.0.4.20201231.full.zip
[https_github.com_dmhsq_electron-vue-dmhsq_archive_main.zip]: https://github.com/dmhsq/electron-vue-dmhsq/archive/main.zip
[https_github.com_dmhsq_electron-vue-dmhsq]: https://github.com/dmhsq/electron-vue-dmhsq
[https_github.com_dmhsq_electron-vue_tree_main_template]: https://github.com/dmhsq/electron-vue/tree/main/template
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMDI3Njgx_size_16_color_FFFFFF_t_70 1]: /images/20221120/659e2e0bbaf9419d85893949c115ee6b.png
[https_blog.csdn.net_qq_42027681]: https://blog.csdn.net/qq_42027681
[20201110144238980.gif_pic_center]: /images/20221120/c2c5240cc54e45e48cb827639546f263.png
[Link 3]: https://buwenbuhuo.blog.csdn.net/
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMDI3Njgx_size_16_color_FFFFFF_t_70_pic_center 1]: /images/20221120/ee35e038173a45cc803588540ed30ada.png