uni-app通过Hbuiler工具创建的项目转为命令行项目

环境准备：

Node版本：v14.18.2

执行命令：

按照官网步骤操作：
链接: link
vue create -p dcloudio/uni-preset-vue my-project
报错依赖下载失败
全局删除vue-cli,再全局安装vue-cli
原因：node版本为16安装的vue-cli版本太高
再次执行命令报错
安装npm I pnpm@6 –g
原因：默认使用pnpm下载，node版本为16下载的pnpm版本太高

依赖下载成功
将原项目中的以下文件夹移到src目录下

再将命令行项目中的以下文件信息替换成原项目同文件信息

运行项目报错：

1. 未安装依赖node-saa，sass-loader，项目中使用了scss语言
   下载sass sass-loader
2. 报错如下
   

在uni.scss文件中引入theme.scss文件即可

3. 报错如下：
   大意为devServer中有不合法的字段设置
   仔细查看报错是因为不允许port字段为空字符串，因此设置port或去除这个字段即可
4. 报错如下：
   

这是因为在scss样式下不能写/deep/
全局替换/deep/为::v-deep即可

成功界面：

控制台报错

成功启动后控制台报错如下：

这是因为项目中使用了uView组件库，但是没有按照命令行引入uview.
在main.js文件中引入uview组件

界面正常：

接口未调用

问题：点击登录界面无反应，登录接口未调用
原因：使用了uview的api集中管理，将api接口挂载在$u下但是没有在main.js中引入使用。参照官方https://xuqu.gitee.io/js/apiManage.html处理即可

引入请求拦截器

转为命令行后请求拦截器也需要在main.js中引入才可使用。参照官方