vue3项目搭建

注意事项

1. vue ui方法创建新项目只支持vue/cli@3.6.0+
   （否则会出现 Cannot read property ‘indexOf’ of undefined 错误）
2. 使用最新版本脚手架vue/cli@4.5.14，需要安装npm i -D vue-loader-v16参考、npm i vue-template-compiler
3. vue3和vue2项目共存参考
4. 组件开发规范参考

步骤

1. cmd打开命令行，切换到D盘：cd /d D:
2. 输入vue ui打开可视化项目管理器，配置项参考
3. 在vue根目录下新建vue.config.js文件，手动添加配置

参考文章：

1. Vue-cli3.x-自定义基础配置
2. vue-cli3.0 修改本地端口—vue.config.js配置
3. vue-cli3.0项目搭建

5. npm install axios安装axios，新建一个用于存放公共js函数的utils文件夹，添加request.js文件并引入axios（后续在api文件夹 → xxx.js中引入request使用），添加请求（request）响应（response）拦截器
6. 在utils文件夹 → index.js中添加一些公共js函数
7. npm install qs，安装qs
8. npm i js-cookie -S，安装js-cookie

其他组件

1. npm i vant -S安装vant组件，官网

npm i vant@next -S是vue3版本引入的方式，在package.json中检查，vue与vant版本一致才能正确运行。通过vue ui卸载

2. npm install echarts --save，安装echarts
3. npm install @antv/f2 --save，安装F2
4. 下载安装拖放组件
5. Vue单页上滑切页效果参考