node.js
下载
安装
💡Tips：建议大家在安装软件的那个盘里新建一个workspace文件夹，用来装各种环境，比如anaconda, python, nodejs…之类的安装包，这样把他们整合在一起，既干净又好找
因为我安装的时候没截图，所以只好口述一下：
除了修改安装目录那步，其他全部点
Next
配置
安装完成之后配置一下环境变量
在安装目录下新建文件夹node_global和node_cache并更改权限（两个文件夹都要改一下权限）
更改权限
在node_global文件夹中新建node_global文件夹
复制一下这个地址，待会要用！
用管理员模式打开CMD，输入
npm config set prefix "E:\Workspace\nodejs\node_global"
npm config set cache "E:\Workspace\nodejs\node_cache"
❗引号内的地址要按照你的安装地址填写
❗运行完成后不会有任何提示
接下来打开环境变量
新建环境变量
输入变量名和变量值后点击确定
然后编辑用户环境变量
将默认的 C 盘下【 AppData\Roaming\npm 】修改成 【node_global】的路径，点击确定
最后在path中新增加一个环境变量
新增%NODE_PATH%
完成！
测试
尝试在cmd中运行以下代码
安装 express 模块
npm install express -g
安装淘宝镜像
npm config set registry https://registry.npm.taobao.org
输入npm config get registry查看是否安装成功（显示http地址则成功）
其他备用指令
查看npm当前设置的源
npm config get registry
设置为淘宝镜像
npm config set registry https://registry.npm.taobao.org
设置回原本的源，用来发布npm包
npm config set registry https://registry.npmjs.org
安装 cnpm
npm install -g cnpm --registry=https://registry.npmmirror.com
输入cnpm -v查看是否安装成功（显示版本号则成功）
vue
安装包
接上文，继续安装webpack
npm install webpack -g
安装vue-cli
cnpm install vue-cli -g
输入vue -V查看是否安装成功（显示版本号则成功）
配置依赖
先找到vue文件夹所在位置，里面是各种vue工程文件，然后在终端中打开vue项目所在路径
忘了说了，如果是拿的别人的项目，要先把package-lock.json文件删了
然后运行
npm install
这个时候有可能报错，如果出错则使用以下命令
npm install --legacy-peer-deps
安装完成后运行
npm run serve
到这里我们就可以在浏览器中打开对应的端口来访问网页了
💡如果运行过程中出现
Error: The project seems to require yarn but it‘s not installed
解决方法如下：
- 删除yarn.lock文件
- 终端输入：npm install -g yarn
spring boot
JDK 配置
jdk的安装和环境变量配置不再赘述，网上有很多
这里我准备两个版本的jdk，分别是 jdk1.8 和 jdk17 来应对不同项目的需求
本文中所运行的项目需要jdk17
项目运行
spring boot项目下找到以下路径
其中，WjxbxApplication是运行的文件，在我们添加完jdk的配置之后就可以运行了~
💡总的来说，spring boot和Vue分别作为后端和前端，在运行时，两者是各自运行各自的，互不干扰。
打包
springboot
通过maven进行打包
然后在target目录下可以看到打包好的.jar文件，这个就是我们待会要用的文件
我们可以通过以下指令运行jar文件
java -jar demo.jar # 前台运行，无法再执行其他指令
java -jar demo.jar & # 不挂断运行，但关闭窗口会停止运行
nohup java -jar demo.jar >1.txt & # 输出内容不打印到窗口上而是输出到1.txt
通过以下指令关闭后台jar文件
端口 80 上的所有连接（根据自己的设置端口号调整，我设置的是8089端口）
netstat -nlp | grep :80
或者通过以下指令查看当前运行的java进程
ps -ef | grep java
找到PID来结束进程
kill -9 PID
vue
vue项目打包就更简单了，但是不同项目所使用的指令可能不一样，我这里使用的是build:prod
在命令行输入以下指令,或者点击IDEA左边那个绿色三角箭头
npm run build:prod
完成后会生成dist文件夹，这个就是打包好的文件
