使用vuecli创建uniapp项目

最新推荐文章于 2025-04-07 11:23:49 发布
最新推荐文章于 2025-04-07 11:23:49 发布
阅读量259 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： uniapp 文章标签： uni-app vue.js 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/junhian/article/details/130088888

vue离不开vue-cli命令创建模板

安装vue-cli命令

npm i -g @vue/cli

创建uiniapp项目有对应HBuilderX版本

HBuilderX正式版

vue create -p dcloudio/uni-preset-vue my-project

HBuilderXAlpha版

vue create -p dcloudio/uni-preset-vue#alpha my-project

我用的是正式版命令

 项目创建好了后按照提示运行就行了

下面是用命令运行发布uni-app

npm run dev:%PLATFORM%
npm run build:%PLATFORM%

%PLATFORM%可选值如下

 

用Vue CLI创建uniapp项目
weixin_45416189的博客
03-03 7842
用Vue CLI创建uniapp 用Vue CLI创建uni-app，摆脱HBuilder，npm命令行运行及发布 除了 HBuilderX 可视化界面，也可以使用 cli 脚手架，可以通过 vue-cli 创建 uni-app 项目。 如果是老的项目，也可以通过下方步骤，创建一个 uni-app 选择默认模板，然后将项目原封不动的复制到新项目的 ./src 目录。 执行 npm run serve / npm run build 就可以运行和打包了。 1. 环境安装 全局安装vue-cli npm ins
vue-cli创建uni-app项目
m0_58293192的博客
11-06 6138
vue-cli创建uni-app项目
uni-app项目转为vue-cli项目
最新发布
vipchenzi的博客
04-07 833
是因为在较新版本的 Node.js 和 npm 中，原生 Sass 编译库 Dart Sass 已经被弃用，并被 Dart Sass 所取代。如果原本项目用到了 uni-ui ，或者现在需要添加 uni-ui ，运行是会报错的。问题原因：通过HBuilder进行可视化项目创建，是不需要nodejs环境的，因此不能像平时做的工程化项目通过命令行打包。uni-ui 提供了一个很方便的自动导入方式，是通过正则匹配进行按需导入，官网也有详细介绍。3、到此处基本项目转化成功，运行可看到结果，可通过命令打包。
通过vue-cli创建uni-app项目
qq_37941952的博客
12-22 1096
vue-cli创建uniapp项目
使用vue-cli创建uni-app项目（vite版本）
一个韩韩韩
06-04 545
vite版uniapp项目
Uniapp vue-cli 项目创建
pengpengxiaobai的博客
02-21 1881
Prettier 是一款强大的代码格式化工具，支持 JavaScript、TypeScript、CSS、SCSS、Less、JSX、Angular、Vue、GraphQL、JSON、Markdown 等语言，基本上前端能用到的文件格式它都可以搞定，是当下最流行的代码格式化工具。打开vscode设置，搜索associations，添加manifest.json和pages.json关联到jsonc。tabWidth：tab是空格的情况下，是几个空格，选择2个；，比如对象类型的最后一个属性后面是否加一个，；
Vue CLI创建uniapp项目：HBuilder打包及npm运行发布
资源摘要信息:"本文档旨在介绍使用Vue CLI创建uniapp项目的方法，并详细说明了项目搭建完成后的使用方式。通过本文，读者将了解到如何使用Vue CLI创建uniapp项目，以及如何利用HBuilder和npm命令行工具对项目进行...
vuecli创建uniapp项目
07-27
你可以按照以下步骤使用 Vue CLI 创建一个 Uni-app 项目： 1. 首先，确保你已经在电脑上安装了 Node.js。你可以在终端中输入 `node -v` 来检查 Node.js 是否已经安装。 2. 确保你已经全局安装了 Vue CLI。如果没有...
vue/cli创建uniapp项目使用uview报错
12-26
当你使用Vue CLI创建UniApp项目并尝试引入UView组件库时，可能会遇到一些错误。UView是一个基于Vue的UI框架，但它需要适配于uni-app的运行环境。以下是可能导致报错的一些常见原因和解决办法： 1. **依赖冲突**：...
创建uni-app（通过vue-cli命令行）
博客
04-13 1522
uni-app运行到微信开发者工具》uni-app官网•介绍•快速上手。节点，选择对应指令编译。
用Vue CLI创建uniapp项目，搭建模板。不仅可以HBuilder打包，也可以npm命令行运行及打包、发布
05-18
已经搭建好，下载即用。 用Vue CLI创建uniapp项目，不仅可以HBuilder打包，也可以npm命令行运行及打包、发布。
uniapp-cli:自用uniapp模板，vue-cli创建版本
04-09
uniapp-cli 项目设置 npm install 编译和热重装以进行开发 npm run serve 编译并最小化生产 npm run build 自定义配置 请参阅。
使用vue cli创建uniapp小程序项目
m0_51467729的博客
06-13 1174
在pages.json中配置easycom。在App.vue的首行引入。在uni.scss中。
使用vue-cli创建uni-app项目（vue2版本）
热门推荐
一个韩韩韩
07-22 1万+
1.全局安装vue-cli npm install -g @vue/cli
通过 vue-cli 创建 uni-app 项目
weixin_43968963的博客
02-14 1271
通过npm下载创建项目，参考官网链接（https://uniapp.dcloud.io/quickstart-cli） 此文章是使用vue2创建的 前置： 已经全局安装了vue-cli，window+R输入cmd回车可出现， vue -V查看脚手架版本及安装 如果没安装，则执行以下命令（全局安装脚手架） npm install -g @vue/cli 1.使用正式版（对应HBuilderX最新正式版） vue create -p dcloudio/uni-preset-vue my-project 此
vue-cli 方式创建 uni-app 项目（支持快捷键）
Yana's Blog
09-19 904
由于习惯了 VSCode 的使用，本着快速交付，不需要转换开发思维、不需要更改开发习惯的宗旨，故采用 vue-cli 的方式创建 uni-app 项目，并将所有配置过程记录下来，以帮助更多需要的小伙伴。
使用Vue-cli脚手架创建uni-app项目（Vue2版本）
m0_67584973的博客
06-28 1658
uni-app官方说除了HBuilderX可视化界面，也可以使用cli脚手架，可以通过vue-cli创建uni-app项目
uni-app-通过vue-cli命令行快速上手
ufrontend的博客
09-19 3110
选择自定义模板时，需要填写 uni-app 模板地址，这个地址其实就是托管在云端的仓库地址。以 GitHub 为例，地址格式为，如就是下载图片模板。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值