uni-app 5小时快速入门 3 创建uni-app工程(下)

uni-app 5小时快速入门

3 创建uni-app工程(下)

3.1 使用HBuilderX创建工程

3.1.1 创建uni-app空模板工程

运行到Chrome浏览器

访问地址：

使用手机模式预览

切换console

看到一些错误

Unchecked runtime.lastError: The message port closed before a response was received.

迅雷扩展引起的，关闭后再次运行就没了

剩下这个

Error handling response: TypeError: self.processResponse is not a function

这个插件在运行

关闭就没了

OK。

3.2 搭建CLI环境

3.2.1 安装node/vue-cli环境

3.2.2 使用CLI方式创建项目

以vscode为例

打开终端

vue create -p dcloudio/uni-preset-vue todo
1

可以使用键盘上下切换选择模板

选择默认模板

OK下载完成

这里可以选择cd，然后运行命令进行运行

报错了

Error: Cannot find module 'webpack/lib/RuleSet'
1

开始谷歌

原因：是因为 @vue/cli 脚手架版本的问题，目前版本是 @vue/cli 5.0.3，也就是 @vue/cli 5.0 版本支持的有问题，新版本或高版本可能存在支持问题，可以降低版本重新创建 UniApp 项目。

版本问题

啊这。

卸载当前版本

安装指定版本

重新创建todo项目

创建完成，再次运行

8081端口访问下

OK