刚学 uni-app 开发，如何在本地运行项目？

我们知道，uni-app 是一个跨平台的应用开发框架，可以用于开发微信小程序、H5、App等多个平台的应用。如果你写的项目的跨端的，就可以把项目运行在浏览器或者手机上，这取决于你写的代码。

两种运行方式

比如要运行一个 uni-app 开发的 H5 项目， uni-app 项目可以用命令行来开发，可以按照以下步骤进行操作。

命令行方式

1. 安装Node.js：如果还没有安装Node.js，首先需要下载并安装它。你可以在Node.js官方网站上找到适合你操作系统的安装程序：https://nodejs.org/
2. 创建 uni-app 项目：在命令行中，使用Vue CLI的uni-app模板创建一个uni-app项目，你可以执行以下命令：

npm install -g @vue/cli
vue create -p dcloudio/uni-preset-vue my-uni-app

这将创建一个名为my-uni-app的uni-app项目。

4. 进入项目目录：使用命令行进入项目目录，例如：

cd my-uni-app

5. 安装项目依赖：在项目目录下运行以下命令安装项目依赖：

npm install

6. 运行项目：运行以下命令来启动开发服务器，以便在浏览器中预览项目：

npm run serve

使用 HbuilderX

上面这种方式略显繁琐，我更推荐的其实还是用官方的 IED，也就是 HBuilderX。

HBuilderX 是 uni-app 官方的集成开发环境，专门为 uni-app 项目开发和调试打造。使用HBuilderX，可以在上方菜单中点击选择「运行」来启动项目。

7. 预览项目：项目成功运行后，在浏览器中访问 http://localhost:8080（默认端口）来预览项目。如果是小程序或者是 APP，就在模拟器或真机上查看应用的效果。

如果你刚开始接触 uni-app，最好的方法还是通过 HBuilderX 来创建项目，创建时选择 uni-app-hello 这个演示项目，里面包含了很多官方的功能代码例子，而且这个项目可以跨端运行，无论是 H5、小程序还是 APP，都可以直接运行，对学习很有帮助。

总结

上面就是在本地开发环境中运行 uni-app 项目的步骤了，要将应用发布到不同的平台，需要根据目标平台的要求进行相应的配置和打包工作。