一. 开发前的准备
1. 下载node
检测node版本 命令行 : node-v
检测npm 命令行 :npm -v
2.全局安装webpack
命令行 : npm install webpack -g
3.全局安装脚手架(vue-cli)
命令行 :npm install -g@vue/cli
4.全局安装nodemon
命令行 :npm i -g nodemon
二. 开发时
1. 前端
创建新项目:
命令行 vue create 项目名
下载vant
npm i vant -S
下载 使用vant的引入插件
npm i babel-plugin-import -D
下载elementUI
npm i element-ui -S
vue add element(不推荐)
下载vue-router
npm install vue-router --save
vue add router
下载axios
npm install --save axios
vue add axios(不推荐)
下载sass和sass-loader
npm i -D sass sass-loader
2. 服务器
初始化项目,生成package.json
npm init -y
下载express,mongoose,cors
npm i express@next mongoose cors
3. 需要其他包与插件,同样方法下载即可
- 富文本编辑器(推荐vue2-editor)
下载vue2-editor
npm install vue2-editor
- 密码加密
下载bcrypt
npm install bcryptjs --save (针对windows系统)
- 服务器单复数,大小写转换
下载inflection
npm i inflection
- 中间件,服务器处理上传的文件的(比如上传头像)
下载multer
npm i multer
- 生成token,服务器生成返回给客户端
下载webtoken
npm i jsonwebtoken
6.服务端返回错误状态码
下载http-assert
npm i http-assert
7.轮播图插件
下载swiper
npm install swiper vue-awesome-swiper --save
8.day.js :用于转化时间的插件:2010-01-01转化为01/01
npm install dayjs --save
9.timeago.js:把2020-01-01转化为几天前,几年前的格式
npm install timeago.js
10.vue 调用视频播放插件(vue-video-player)
npm install vue-video-player -S