一、node.js
查看 npm 安装的全局包的位置
npm root -g
1、安装环境
2、安装cnmp（可能有问题）
npm install -g cnpm --registry=http://registry.npm.taobao.org
不报错就行
3、安装vue-cli
在命令行中运行命令 npm install -g vue-cli和npm install -g @vue/cli，然后等待安装完成。
是否安装成功：vue -V（大写V）
查看webpack是否安装成功：vue list
安装webpack
npm install webpack webpack-cli -g
4、创建项目
创建项目
vue init webpack first
安装element ui
npm i element-ui -S
安装vue-router
npm install vue-router --save
npm install vue-router --save-dev
安装axios
npm install axios -s
npm install axios --save-dev
安装mavon-editor编辑器
npm install mavon-editor --save
md格式的文本的解析，使用marked框架来解析
npm install marked --save
# 用于解析md文档
npm install markdown-it --save
# md样式
npm install github-markdown-css
安装编辑器
npm i wangeditor --save
安装vuex，使用store存储用户数据
// 报错
npm install vuex --save
// 没有报错
npm install vuex@3.6.2 -S
安装qs模块，进行对象转换
npm install qs --save-dev
npm run dev
npm install sass-loader@7.3.1 node-sass --save-dev
npm install
安装分页插件
// https://github.com/pagehelper/pagehelper-spring-boot
<dependency>
<groupId>com.github.pagehelper</groupId>
<artifactId>pagehelper-spring-boot-starter</artifactId>
<version>1.4.1</version>
</dependency>
二、问题及解决方法
版本冲突
Module build failed: Error: Node Sass version 7.0.1 is incompatible with ^4.0.0
npm uninstall node-sass npm i -D sass
找不到模块css样式
vue错误：This dependency was not found:vue-style-loader!css-loader?
在vue文件中的style模块会设置css代码的预编译类型，sass？less？css？不同的类型需要安装不同的依赖，具体操作如下：
sass:npm install sass sass-loader --save-dev
less:npm install less less-loader --save-dev
css:npm install stylus-loader css-loader style-loader --save-dev
报错解决
[Vue踩坑记之WDS] Disconnected的解决方式 - Cythina_kk - 博客园 (cnblogs.com)
[(36条消息) Vue - 去掉关闭控制台 HMR] Waiting for update signal from WDS... 打印信息_王佳斌-CSDN博客
三、毕设
前端使用axios请求post是，要注意参数名的一致，使用requestbody注解才能成功
npm 换源
npm config get registry # 查看源地址
npm config set registry https://registry.npmmirror.com/ # 更换
node16
npm install -g npm@8.1.0