2024年Win7搭建Vue

一、前言

　　13年买的电脑，当时系统是vista版本，后通过小白菜U盘安装成Win7就没换过系统，最多也就用360重装系统（不知道有没更小白的方式重装至Win10）.

　　离职在家，看见就业市场前端Vue岗位挺多的，准备尝试学习下Vue。

二、准备工作

　　由于软件更新换代，最新软件很多都不支持Win7。走了很多弯路，安装又卸载，说好的向前兼容呢？

　　软件如下：

• Nodejs版本：v12.9.1
• Npm版本：6.10.2
• Vue版本：4.5.14
• 待定..

三、安装软件

　　关于Node就选择安装目录，一路Next就行。真希望Vue能够这样。

• Vue安装步骤如下：

点击【开始】
查询并点击【命令提示符】
复制粘贴如下代码:
vue install -g @vue/cli@4.5.14
回车执行

• 创建Vue工程

1. 点击【开始】
2. 查询并点击【命令提示符】
3. 输入如下命令

 

cd D:                     //选择D盘
mkdir myVue               //在D盘创建文件夹
cd myVue                  //进入myVue目录
vue create proVue1        //创建项目名称 ： proVue1
cd proVue1                //进行proVue1 项目中

 

• 启动Vue项目，通过【命令提示符】，输入如下命令

1. cd D:/myVue/proVue1  
2. npm run server                          //命令名称可以通过package.json文件修改，将server改成别的名字，为了方便启动可以将一整行命令保持在bat文件中执行。
3. 打开浏览器，输入控制器提示的地址。例如：http://localhost:8080/

点击控制台的右上角X关闭，或者键盘Ctrl+C退出。

四、离线或内网的Win7或Linux或Aix系统进行学习Vue。

　　适用场景：准备离职，正好有Win7环境，模拟生产环境的Linux或Aix系统，进行搭建Vue环境

　　将以上环境的Vue空工程打包，移动至离线或内网中。

五、根据官网学习，做个登录界面

 

六、登录界面，进行后台联调

　　看具体技术栈：

• 常见Java的Spring全家桶
• C++根据系统撸Socket
• Go相关框架Gin
• Python那个D开头的

七、完成以上联调，做相应角色跳转，展示不同界面。

　　参考：常见毕设图书管理系统，管理员：增删改查图书；借书者：查书，借书（增），还书（改），退书（删，当天的无效）