用vue cli创建uni-app,摆脱hbuilder,npm命令行运行及发布

Vue CLI是一个官方认证的Vue.js的脚手架工具。它通过简化打包和开发流程，让开发更加简单和高效。而Uni-app则是一款基于Vue.js框架开发的跨平台应用，可以同时支持各种平台的代码运行，如微信小程序、H5、安卓等。

如果你希望使用Vue CLI创建Uni-app，那么摆脱Hbuilder是必须的。在这种情况下，你可以通过命令行模式使用npm运行和发布你的应用程序。在此之前，你需要在系统上安装好Node.js和Vue CLI，以及运行npm install安装必要的依赖项。

接下来，我们需要使用Vue CLI创建一个项目，运行以下命令：

vue create my-uni-app

这将创建一个名为“my-uni-app”的Vue项目，其中包含Uni-app所需的设置和配置。

接下来，我们需要安装uni-app的依赖项，运行以下命令：

npm install @dcloudio/vue-cli-plugin-uni

安装完成后，我们需要将该插件添加到我们的Vue项目中。这可以通过编辑vue.config.js文件并添加以下内容来完成：

module.exports = {
chainWebpack: config => {
config.module
.rule('vue')
.use('uni-app-loader')
.loader('@dcloudio/vue-cli-plugin-uni/packages/uni-app-loader')
.options({
// Options
})
}
}

现在我们已经准备好运行Uni-app了。通过以下命令来运行项目：

npm run serve

这将在本地运行Uni-app应用程序，并在URL http://localhost:8080/ 上提供服务。

一旦应用程序准备就绪，我们只需通过以下命令进行构建：

npm run build

这将为我们的应用程序生成一个可执行的包，我们可以将其上传到各种应用商店和渠道中进行发布。

总之，使用Vue CLI创建Uni-app是一个更高效和开发友好的方式。通过摆脱Hbuilder，我们现在可以使用更简单的命令行方式进行开发和发布。